vue-cli引入全局less

引用:https://blog.csdn.net/RR_chen/article/details/124389185

https://cli.vuejs.org/zh/guide/css.html

vue-cli全局引入less:

安装 yarn add style-resources-loader --dev

配置vue.config.js :

java 复制代码
const path = require('path');
module.exports = {
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
  },
}

function addStyleResource (rule) {
  rule.use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [
        path.resolve(__dirname, './src/assets/less/import.less'),
      ],
    })
}

```
相关推荐
卖报的小行家_几秒前
Vue2源码,响应式原理-对象
前端
小钰能吃三碗饭几秒前
打造类 RainbowKit 的 Solana 钱包连接套件
前端·web3·区块链
Anlici4 分钟前
如何优化十万数据的浏览体验?从性能、监控到布局全面拆解
前端·性能优化
utmhikari4 分钟前
【日常随笔】万字长文,如何用pyside6开发一个python桌面工具
前端·python·pyqt
JustHappy11 分钟前
「Versakit 0.3 重磅发布」 两个月开发成果全揭!
前端·javascript·vue.js
chenqi21 分钟前
WebGPU和WebLLM:在浏览器中解锁端侧大模型的未来
前端·人工智能
Lingxing22 分钟前
Vue组件树:从设计到实现的全方位指南 🚀
前端·vue.js
玖玖passion23 分钟前
leader:请你用Protobuf进行数据交互🥲
前端
Linruoxin26 分钟前
为什么给 body 设置背景会直接铺满整个视口?
前端·css
Jenlybein29 分钟前
Vue3 权限控制:利用动态路由与自定义指令
前端·vue.js