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

```
相关推荐
Mintopia1 分钟前
🧩 隐私计算技术在 Web AIGC 数据处理中的应用实践
前端·javascript·aigc
尘世中一位迷途小书童3 分钟前
代码质量保障:ESLint + Prettier + Stylelint 三剑客完美配置
前端·架构
Mintopia4 分钟前
🧭 Next.js 架构与运维:当现代前端拥有了“分布式的灵魂”
前端·javascript·全栈
尘世中一位迷途小书童14 分钟前
从零搭建:pnpm + Turborepo 项目架构实战(含完整代码)
前端·架构
JarvanMo23 分钟前
Flutter 中的 ClipRRect | 每日 Flutter 组件
前端
某柚啊24 分钟前
iOS移动端H5键盘弹出时页面布局异常和滚动解决方案
前端·javascript·css·ios·html5
心.c24 分钟前
如何学习Lodash源码?
前端·javascript·学习
JamSlade31 分钟前
react 无限画布难点和实现
前端·react.js
im_AMBER37 分钟前
React 02
前端·笔记·学习·react.js·前端框架
浩男孩37 分钟前
🍀我实现了个摸鱼聊天室🚀
前端