🤓
🤓
🤓
🤓
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