首先安装依赖包
npm install --save-dev sass-loader
npm install --save-dev node-sass
//sass-loader依赖于node-sass
npm install sass-resources-loader --save-dev
//全局引入scss文件的依赖包
npm install vue-style-loader --save-dev
找到build/utils.js,找到 scss: generateLoaders('sass'),修改如下:
{
loader: 'sass-resources-loader',
options: {
//scss全局文件的路径
resources: path.resolve(__dirname, '../src/css/common.scss')
}
}
),
完成这步后,可以在main.js中 import ‘./common/csss/index.scss’ 此路径按照你自己的scss文件存放填写
最后npm run dev ,项目跑起来后,引进的scss文件里面的样式,变量等都可以在组件中使用了。