美文网首页
在vue项目中使用sass的配置方法

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

作者: Web前端大世界 | 来源:发表于2018-06-15 15:21 被阅读0次

构建过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了

相关文章

网友评论

      本文标题:在vue项目中使用sass的配置方法

      本文链接:https://www.haomeiwen.com/subject/ahrmeftx.html