最近在項目中需要寫一個全局的style.less,然后在各組件中可以直接調用;
1、在assets下創建一個less文件;
2、安裝style-resources-loader (npm i style-resources-loader --save-dev);
3、然后在vue.config.js里面配置一下
module.exports = {
pluginOptions: {
"style-resources-loader": { preProcessor: "less", patterns: [path.resolve(__dirname, "./src/assets/style.less")] }
}
};
我以為這樣就可以了,然后直接在組件中使用全局less的變量,然后報了undefined的錯,上網查了一下還需要最后一步
4、安裝vue-cli-plugin-style-resources-loader,然后就可以了。
(如果你用的是vuecli3,那么直接安裝vue add style-resources-loader);這樣會自動安裝好plugin-style-resources-loader,就可以省去第四步了!!!!!!