1.安装;
npm install sass-resources-loader --save-dev
2. 在文件中创建一个 .less 的文件
3. 在build文件夹中的utils.js文件中
代码片段
return {
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders('less').concat({
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/assets/color.less')
}
}),
sass: generateLoaders('sass', { indentedSyntax: true }),
scss: generateLoaders('sass'),
stylus: generateLoaders('stylus'),
styl: generateLoaders('stylus')
}
4.在app.vue中引入 .less 文件 即可在所有子组件里使用