所需依赖
style-loader
css-loader
less-loader
sass-resources-loader
第一步
在build下webpack.base.config.js添加如下
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
},
第二步
npm install sass-resources-loader --save-dev
在buid下untils.js增加less配置
function resolveResource(name) {
return path.resolve(__dirname, '../src/style/' + name);//你自己的less文件路径
}
function generateSassResourceLoader() {
var loaders = [
cssLoader,
// 'postcss-loader',
'less-loader',
{
loader: 'sass-resources-loader',
options: {
//你自己的less文件名称
resources: [resolveResource('less.less')]
}
}
];
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
