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里设置的全局变量了