如何在vue中使用sass ╰半夏微凉° 2021-09-15 00:18 488阅读 0赞 转自:http://blog.csdn.net/lily2016n/article/details/75309492 仅用于学习,不可商用! 1、创建一个基于 webpack 模板的新项目 $ vue init webpack myvue * 1 2、在当前目录下,安装依赖 $ cd myvue $ npm install * 1 * 2 3、安装sass的依赖包 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass * 1 * 2 * 3 4、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } * 1 * 2 * 3 * 4 如下图所示: ![这里写图片描述][SouthEast] 5、在APP.vue中修改style标签 <style lang="scss"> * 1 6、然后运行项目 $ npm run dev * 1 7、修改APP.vue的样式,可以看下效果 ![这里写图片描述][SouthEast 1] 8、运行结果背景变成灰色吗,说明你已成功配置好sass ![这里写图片描述][SouthEast 2] 希望能够帮助更多人….(*^\_\_^*) 嘻嘻…… [SouthEast]: /images/20210813/13cbd1760bb744a0b19594af2e4795a8.png [SouthEast 1]: /images/20210813/b7b5f3361d7b4973aeb511588300e0fc.png [SouthEast 2]: /images/20210813/225351afefd142f89741c2e1c7dc8ec3.png
还没有评论,来说两句吧...