Vue项目中sass语法该怎么用?
2024-08-29 19:24:20
最近开始着手Vue框架,被各种报错蹂躏,其中有一个就是sass语法,<style>标签中添加<style lang="scss">
,发现报错,在网上找了一些解决办法也比较乱,下面是我亲测切实可行的方法,给大家做一分享!
在Chrome浏览器中的错误:
就是不能解析sass-loader 这种东西。
所以第一步需要在项目中引入:
1. npm install sass-loader -D
2..npm install node-sass -D
第一个很快引入成功:
但是在第二个却出了错误:
但是我再用cnpm install node-sass -D
却成功了!!!(现在比较渣,也不知道是什么原因)
这样项目就能够成功运行了:
如果还是不行的话,可以继续下面的操作:
下面是官方Sass Loader的引入方法Sass Loade官方仓库:
npm install sass-loader node-sass webpack --save-dev
npm install style-loader css-loader --save-dev
在web pack.base.conf.js 里面加
{
test: /.scss$/,
loaders: ["style", "css", "sass"]
},
最新文章
- 【零基础学习iOS开发】【转载】
- [Tool] WireShark基本使用
- 织梦CMS的MVC体系
- [Reprint]c++ 析构函数的调用
- CSS里的引用@import、link
- Linux JDK+TOMCAT+MYSQL+redis 安装日志
- python常用数据结构
- 知乎APP---案例分析
- 计蒜客的一道题dfs
- MyEclipse如何全局搜索
- Aurora 安装
- SAP发布REST/HTTP接口
- 部分用户访问Polycom视频会议时故障
- Node 编码规范(优秀是一种习惯)
- SQL去除空格、截取数据的方法:trim、substring
- python实现最大重叠子串的查找
- ros 编程习惯
- JS基础---->;javascript的基础(二)
- web前端导出csv文件
- 使用FastDateFormat来代替JDK自带的DateFormat