Vue.js 2.0全局引入Sass的变量和Mixin

此方法仅用于Vue.js2.0及以上版本,假设你的全局变量和Mixin存储在src/components/scss/common/_index.scss里

打开 build/utils.js 文件

将

 scss: generateLoaders(['css', 'sass']),

替换为

 scss: generateLoaders(['css', 'sass?data=@import "~components/scss/common/_index";']),

重新运行

npm run dev

然后即可在Vue文件里使用预先在_index.scss里设置的全局变量了

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容