在vue单页面应用当中使用sass
2024-10-20 07:59:49
之前在项目当中有使用过sass,但是使用的方式有点Low,是在vue文件当中的style下面通过@import的方式引入的。
其实在webpack当中也可以通过在main.js当中import "index.scss" 这种方式引入
需要的解析器,分别为style-loader css-loader sass-loader node-sass这几个
webpack当中配置
{
test: /\.scss$/,
loader: 'style-loader!css-loader!sass-loader'
}
注意style-loader!css-loader!sass-loader的顺序不能乱,要按照顺序来,否则会报错,另外也不能有多余的符号
{
test: /\.scss$/,
loader: 'style-loader!css-loader!postcss-loader!sass-loader'
}
使用postcss-loader,可以使用autoprefixer等插件,添加前缀
最新文章
- 《高性能javascript》 领悟随笔之-------DOM编程篇
- IEnumerable,IQueryable之前世今生
- Python 从零学起(纯基础) 笔记(一)
- hiho_1089_floyd最短路
- 【转】web测试内容及工具经典总结
- js 比较两个日期的大小的例子
- DAL与数据库类型的对应关系
- swfupload上传文件问题
- 4Sum 解答
- How Many Tables--hdu1213(并查集)
- [POI2016]Nim z utrudnieniem
- JVM-01:类的加载机制
- [Swift]LeetCode365. 水壶问题 | Water and Jug Problem
- 《HelloGitHub月刊》第 09 期
- Deepest left leaf node in a binary tree
- bzoj 4011
- cat语法
- 结构体练习(C)
- Mysql 6.0安装过程(截图放不上去)
- 一本通1625【例 1】反素数 Antiprime