【vue】实现全局引入main.less样式文件
2019-01-05 本文已影响38人
北极星丶超帅的
之前想在main.js全局引入main.less,但并没用,最后还是得一个一个页面引用,非常繁琐,知道最近无意间发现安装sass-resources-loader插件便可实现全局引用,开心
#安装
npm i sass-resources-loader --save
#配置 - 文件位置build/utils.js
return {
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less').concat({
loader: 'sass-resources-loader',
options:{
resources:path.resolve(__dirname, '../src/assets/style/base.less')
}
}),
sass: generateLoaders('sass', { indentedSyntax: true }),
scss: generateLoaders('sass'),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')
}