vue项目引入公共样式less文件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目引入公共样式less文件相关的知识，希望对你有一定的参考价值。
参考技术A 1、公共样式文件2、引入方式
（1）局部引入
（2）全局引入
a.需要安装sass-resources-loader。
npm install sass-resources-loader
b.找到build文件夹下面的utils.js 找到 less: generateLoaders('less')
替换为:
less: generateLoaders("less").concat(
loader: "sass-resources-loader",
options:
resources: path.resolve(__dirname, "../src/assets/css/base-style.less")
),
c.vue 文件引入
以上是关于vue项目引入公共样式less文件的主要内容，如果未能解决你的问题，请参考以下文章
vue3单页面引入公共的css，加了scoped但无法加deep，导致样式无法穿透，如何解决？