vue项目scss定义全局变量--颜色变量
1、建立一个vue项目,并且该项目使用scss语法2、定义一个scss文件,里面定义一个全局的变量3、在build下的utils.js中配置scss: generateLoaders('sass'),把css: generateLoaders('sass'),修改为scss: generateLoaders('sass').concat({loader: 'sass...
·
1、建立一个vue项目,并且该项目使用scss语法
2、定义一个scss文件,里面定义一个全局的变量
3、在build下的utils.js中配置scss: generateLoaders('sass'),把css: generateLoaders('sass'),修改为
scss: generateLoaders('sass')
.concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, 'scss文件的路径') //这里是单独建的存放变量的scss,我的是 var.scss
}
}),
4、在app.vue中引用,
<style lang="scss">
@import './style/_style.scss';
</style>
5、在其他页面引用
color:$base-color,$base-color就是自己定义的全局变量
更多推荐
已为社区贡献8条内容
所有评论(0)