十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
Sass作为目前成熟,稳定,强大的css扩展语言,让越来越多的前端工程师喜欢上它。下面介绍了如何在vue项目
创新互联是专业的桂东网站建设公司,桂东接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行桂东网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
中引入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"
好了,是不是很简单。
以上就是vue项目中引入Sass全部知识点内容,感谢大家对创新互联的支持。