mpvue使用sass的解决方案

最新推荐文章于 2024-11-05 19:11:38 发布

weixin_34414196

最新推荐文章于 2024-11-05 19:11:38 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c8a1bdb6fb9a049e702fbe2

本文针对初学者在MPVue项目中使用Sass时可能遇到的问题，提供了一套简便实用的解决方案，包括安装cnpm、isass-loader、node-sass及如何在style标签中正确配置，实现Sass在小程序项目的顺利应用。

    对于刚刚使用mpvue的小伙伴感觉很头恼，大大小小的问题会遇见很多，比如我开发小程序项目时，sass的安装会遇见很题，在网上找了很多解决的方案都没用。大家不妨使用一下这个方法（个人感觉操作简单又实用）；

        首先大家分别安装：
                     **cnpm i sass-loader -D**
                    **cnpm i node-sass -D**
	
然后在style标签添加lang属性和scss属性值（<style lang=“scss”>）:
这样就可以愉快的在style内写sass了，webpack会自动编译输出;
                        <style lang=“scss”>
							.wrap{
								backgound:#eee;
								.content{
									font-size:36rpx;
								}
							}
这样就可以啦 遇到类似问题的小伙伴可以试试；
如果还有其他问题可以给我留言，看到会第一时间帮大家解决。
复制代码

转载于:https://juejin.im/post/5c8a1bdb6fb9a049e702fbe2