vue中安装sass,正确的使用scss

原创 柠-檬℃ 随笔 Vue 29阅读 15 天前 举报

在项目中使用scss之前,先打开package.json,看看是否已经安装了sass需要的安装包!
1.node-sass
2.sass-loader
3.style-loader

如果没有可以进行安装运行语句

安装完成之后package.json中会有这三个安装包
然后在vue文件中可以这样写

我在网上搜的资料有的需要去项目的build>webpack.base.conf.js>module>rules中添加一段话
我项目中没有添加也是好使的。如果安装包之后不好使,可以选择添加这句话试试

如果是想新建以.scss为后缀的css文件,貌似还需要安装一个包

然后在build>util.js中

这样就可以新建.scss的文件了。

--------后续有新的改进会持续更新

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复