vue2.0全局引入公共的less文件，不用每个vue手动引入

最新推荐文章于 2023-09-21 17:50:25 发布

咕噜咕噜的车轮向前

最新推荐文章于 2023-09-21 17:50:25 发布

阅读量226

点赞数

分类专栏：开发过程总结文章标签： vue.js less sass

本文链接：https://blog.csdn.net/zhongmei121/article/details/106122279

版权

开发过程总结专栏收录该内容

66 篇文章 1 订阅

订阅专栏

方法一：

1、安装sass-resources-loader依赖

npm install sass-resources-loader --save

2、找到build文件夹下面的utils.js文件

var sassResourcesLoader = {
    loader: 'sass-resources-loader',
    options: {
      resources: [
        path.resolve(__dirname, '../src/style/color.less')
      ]
    }
  }


return {
    css: generateLoaders(),
    wxss: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less', lessLoaderOptions).concat(sassResourcesLoader),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }

方法二：

在main.js中引入