style-resources-loader 配置全局less變量

確保已安裝less、less-loader

npm i less

npm i less-loader

方法一：npm i style-resources-loader


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

使用yarn的話：

方法二：直接使用vue add style-resources-loader安裝

vue add pluginName 是vue-cli3提供的。vue add 是用yarn安裝插件的， yarn源的問題有可能導致失敗。如果安裝失敗的話，就采用方法一

在vue.config.js中使用：

const path = require('path'); module.exports = { pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [ // 這個是加上自己的路徑,不能使用(如下:alias)中配置的別名路徑 path.resolve(__dirname, 'src/assets/less/_variable.less') ] } }, …… 其他配置 …… }

 

 

 

 

 

sass方法等我應用了再記錄，僅供參考