🤓
🤓
🤓
🤓
blog-article
GitHub
Blog
Search
⌃K
Links
Introduction
面试题
Personal Works
CSS动画笔记
css 笔记
html 笔记
webpack4
1. 文档学习记录
2. 加载CSS
3. 加载less
4. 加载sass
5. 根据浏览器自动添加css前缀
6. 图片文件处理
7. 字体文件处理
8. 引入jQuery
9. 打包HTML文件
10. 分离css插件
11. babel简单使用
12. 清理旧打包文件插件
13. 拷贝静态资源
javascript
npm
Node.js
SQL
Git
vue-cli
uni-app
设计模式
Spring boot
IDEA
Linux
shell
Docker
嵌入式系统给结构及原理
学校课程笔记
Powered By
GitBook
4. 加载sass
1.安装 sass-loader 与 node-sass
npm install sass-loader node-sass --save-dev
2.配置webpack.config.js
module
.
exports
=
{
//...code
module
:
{
rules
:
[
{
//匹配规则
test
:
/
\.less$
/
,
//loader加载顺序 不能颠倒
use
:
[
'style-loader'
,
'css-loader'
,
'sass-loader'
]
}
]
}
}
3. 使用方法
index.js
import
"./../sass/index.scss"
Previous
3. 加载less
Next
5. 根据浏览器自动添加css前缀
Last modified
3yr ago