本文共 517 字,大约阅读时间需要 1 分钟。
使用vue-cli模板创建新项目:
vue init webpack myvue
这里使用的是 vue-cli 2.0
配置流程:
1、先安装sacc依赖
npm install sass-loader --save-devnpm install node-sass --sava-dev
2、找到配置文件 utils.js
文件位于 根目录下 /build/utils.js 3、找到配置项:scss: generateLoaders(‘sass’) 把它替换成如下代码并保存就可以了:scss: generateLoaders('sass').concat( { loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, '../src/assets/global.scss') // 这里是你的全局样式文件 } } )
推荐使用vscode作为开发工具,可以安装 easy sass 插件,可以自动编译 scss 文件。
转载地址:http://gavii.baihongyu.com/