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