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'),
      ],
    })
}

```
相关推荐
ReturnTrue86818 小时前
nginx性能优化之Gzip
前端
华仔啊18 小时前
基于 RuoYi-Vue 轻松实现单用户登录功能,亲测有效
java·vue.js·后端
w_y_fan19 小时前
Flutter 滚动组件总结
前端·flutter
wuli金居哇19 小时前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort19 小时前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手19 小时前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码19 小时前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
艾小码19 小时前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
南雨北斗19 小时前
VS Code 中手动和直接运行TS代码
前端
小高00719 小时前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js