vue怎么引入scss样式

今天小编给大家分享一下vue怎么引入scss样式的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

成都创新互联公司主营瑞安网站建设的网络公司,主营网站建设方案,app软件定制开发,瑞安h5小程序开发搭建,瑞安网站营销推广欢迎瑞安等地区企业咨询

具体步骤如下:

1.首先,在vue-cli中创建一个vue.js项目;

vue create project-name

2.vue.js项目创建好后,在项目中使用npm命令安装sass依赖;

npm i sass --save-devnpm i sass-loader --save-dev

3.sass依赖安装好后,在webpack.base.config配置文件中进行以下配置;

{  test: /\.scss$/,  loader: 'style!css!sass'},

4.最后,webpack.base.config文件配置好后,在项目中使用style标签即可引入scss样式;

以上就是“vue怎么引入scss样式”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


网页标题:vue怎么引入scss样式
浏览地址:http://bzwzjz.com/article/pscsoo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都品牌网站建设 成都网站制作 手机网站制作 成都企业网站建设公司 成都网站制作 H5网站制作 成都网站制作 响应式网站设计 营销型网站建设 企业网站设计 网站设计制作报价 app网站建设 成都网站建设推广 LED网站设计方案 成都网站建设 成都网站设计 专业网站建设 品牌网站建设 成都网站建设公司 网站制作 营销网站建设 成都响应式网站建设