![[坏笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_41.2751fc1.png)
晴天____
前端
星星应该哈哈大笑，反正宇宙是个偏僻的地方。啊哈哈哈
获得徽章 8
- #每天一个知识点# 常见的 Loader：
style-loader: 将 css 添加到DOM的内联样式标签 style 里
css-loader :允许将 css 文件通过 require 的方式引入，并返回 css 代码
less-loader: 处理 less
sass-loader: 处理 sass
postcss-loader: 用 postcss 来处理 CSS
file-loader: 分发文件到 output 目录并返回相对路径，wepakck5 asset/resource 内置支持
url-loader: 和 file-loader 类似，但是当文件小于设定的 limit 时可以返回一个 Data Url，wepakck5 asset/inline 内置支持展开赞过 12 - #每天一个知识点# script 标签中的 defer 和 async
作用：平常的 script 标签如果直接使用， html 会按顺序下载和执行脚本，并阻碍后续 DOM 的渲染。如果 script 发生延迟，就会阻碍后续的渲染，使得页面白屏。
defer
异步下载文件
不阻碍 dom 的渲染
如果有多个 defer 会按顺序执行
执行顺序：在文档渲染后执行，在 DOMContentLoader 事件调用前执行。
2.async
异步下载文件
不影响 dom
如果有多个 defer 谁快先执行谁
推荐的应用场景：
defer：如果你的脚本代码依赖于页面中的 dom 元素（文档是否解析完毕），并且也不会产生其他脚本需要的数据。
async：如果你的脚本并不关心页面中的 dom 元素（文档是否解析完毕），并且也不会产生其他脚本需要的数据。展开评论点赞
