开始之前,请先确保有一个基于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啦~