vue-cli中使用Less全局变量,一次性导入

1、安装sass-resources-loader

npm install sass-resources-loader --save-dev

2、添加函数

找到 build/utils.js 文件,在 exports.cssLoaders 模块中加多一个函数

function lessResourceLoader() {
    let loaders = [
      cssLoader,
      'less-loader',
      {
        loader: 'sass-resources-loader',
        options: {
          resources: [
            path.resolve(__dirname, '../src/assets/custom.less'),
          ]
        }
      }
    ];
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }
其中 '../src/assets/custom.less' 路径改成自己对应的文件
然后后面将 return{} 块中的 less: generateLoaders('less') 替换成上面自定义的函数 less: lessResourceLoader()

3、运行项目

npm run dev

参考:https://blog.csdn.net/Andi_c/article/details/80652922

https://blog.csdn.net/hani_wen/article/details/81007852

https://www.jb51.net/article/141366.htm

https://www.cnblogs.com/w2xh/p/8196112.html

https://www.jianshu.com/p/5c3d457fbec9

原文地址:https://www.cnblogs.com/jvziking/p/11473765.html