如何在Vue项目中优雅的使用sass

开始之前，请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)

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']
}

3.在组件中修改style标签

<style lang="scss">

然后，然后，然后就可以愉快的在Vue中写sass啦~

这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头


那么问题来了，如果你也想入坑前端或者学习更多技术，广交天下朋友(基友)，认识更多有趣的灵魂的话，欢迎加入前端交流群鸭~

扫二维码加为好友就完事了！安排~