問題描述: 定義了公共變量以及函數(shù)的
.less文件,在.vue文件中使用只能一個一個引入.文件少還好,如果幾十個vue文件引用,一旦改變引用路徑,就會變得很繁雜.
- 解決方法:
style-resources-loader, 也可以使用sass-resources-loader,但是定義變量得用另一種方式,所以我選擇style-resources-loader,可以配置less-plugin-function自定義全局函數(shù).
使用
安裝
npm i -D style-resources-loader
配置
// webpack.config.js
...
{
loader: 'less-loader',
options: {
plugins: [ new LessFunc() ]
}
}, {
loader: 'style-resources-loader',
options: {
patterns: path.resolve(__dirname, './src/style/common.less')
}
}
在common.less中正常@import需要全局的less文件即可
