Sass 作为目前成熟, 稳定, 强大的 CSS 扩展语言, 让越来越多的前端工程师喜欢上它. 下面介绍了如何在 vue 项目
中引入 Sass.
首先在项目文件夹执行命令 NPM install vue-cli -g, 安装 vue-cli 脚手架, 若是已经安装了, 则不必再次安装, 直接
跳过这一步. 接下来执行命令行 vue init webpack mypro(注: mypro 是项目名).
接下来安装 Sass 依赖包, 使用以下命令行:
- NPM install Sass-loader --save-dev
- NPM install node-Sass --save-dev
执行完毕后, 找到 build 文件夹, 在文件夹里面的 webpack.base.conf.JS 中修改以下配置:
在 module 下的 rules 里添加配置:
最后就到了应用这一步了, 只需设置 lang="scss"
好了, 是不是很简单.
来源: https://www.cnblogs.com/cool-wan/p/11417525.html