vue中使用Less全域性變數
阿新 • • 發佈:2019-01-01
1、安裝sass-resources-loader,安裝less
npm install sass-resources-loader --save-dev
-
npm install less less-loader --save
2、新增函式,啟動專案
找到 build/utils.js 檔案,在 exports.cssLoaders 模組中加多一個函式
function lessResourceLoader() { var loaders = [ cssLoader, 'less-loader', { loader: 'sass-resources-loader', options: { resources: [ path.resolve(__dirname, '../src/resource/css/global/global.less'), //定義全域性變數的檔案路徑 ] } } ]; if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader' }) } else { return ['vue-style-loader'].concat(loaders) } }