vue-cli3怎么将less文件设置成全局样式

最新推荐文章于 2023-04-25 16:42:22 发布

深海两万里的咸鱼

最新推荐文章于 2023-04-25 16:42:22 发布

阅读量832

点赞数 1

分类专栏： vue-cli3配置文章标签： vue-cli3

本文链接：https://blog.csdn.net/qq_41623042/article/details/103477771

版权

vue-cli3配置专栏收录该内容

1 篇文章 0 订阅

订阅专栏

做了个项目，遇到vue-cli3将less文件设置成全局样式，弄好后记录下来

安装 style-resources-loader 和 vue-cli-plugin-style-resources-loader

npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

然后在vue.config.js添加如下代码

const path = require("path");
module.exports = {
	// ...
    pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [path.resolve(__dirname, "./src/less/base.less")] // 引入全局样式变量（文件路径）
        }
    },
    // ...
}