在vue项目中使用sass的配置方法

构建过vue项目之后:
1.安装sass的依赖包
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']

}
20170718163609094.png

3.在APP.vue中修改style标签<style lang="scss">
4.npm run dev运行项目
此时sass已经安装配置成功就可以在项目中使用sass语法写css了

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

推荐阅读更多精彩内容