vue 中 引入 scss
1、安装依赖:npm install sass-resources-loader --save-dev
2、找到
build
中webpack.base.conf.js
,在rules
中添加scss
规则
{ test: /\.scss$/, loaders: ['style', 'css', 'sass'] }
3、在vue文件中使用
<style lang='scss'>
</style>
在vue项目全局中引入scss
修改build
中的utils.js
scss: generateLoaders('sass')
修改为
scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
//你自己的scss全局文件的路径
resources: path.resolve(__dirname, '../src/style/common.scss')
}
}
)