Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2.常用Loaders #2

Open
webVueBlog opened this issue Sep 21, 2022 · 0 comments
Open

2.常用Loaders #2

webVueBlog opened this issue Sep 21, 2022 · 0 comments

Comments

@webVueBlog
Copy link
Owner

加载文件

  • raw-loader: 把文本文件的内容加载到代码中去
  • file-loader: 把文件输出到一个文件夹中,在代码中通过相对URL去引用输出的文件
  • url-loader: 和file-loader类似,但是能在文件很小的情况下以base64的方式把文件内容注入到代码中去
  • source-map-loader: 加载额外的Source Map文件,以方便断点调试
  • svg-inline-loader: 把压缩后的SVG内容注入到代码中
  • node-loader: 加载Node.js原生模块 .node 文件
  • image-loader: 加载并且压缩图片文件
  • json-loader: 加载JSON文件
  • yaml-loader: 加载YAML文件

编译模板

转换脚本语言

转换样式文件

  • css-loader: 加载 CSS,支持模块化、压缩、文件导入等特性。
  • style-loader: 把 CSS 代码注入到 JavaScript 中,通过 DOM 操作去加载 CSS。
  • sass-loader: 把 SCSS/SASS 代码转换成 CSS
  • postcss-loader: 扩展 CSS 语法,使用下一代 CSS
  • less-loader: 把 Less 代码转换成 CSS 代码。
  • stylus-loader: 把 Stylus 代码转换成 CSS 代码。

检查代码

其它

  • vue-loader: 加载 Vue.js 单文件组件
  • i18n-loader: 加载多语言版本,支持国际化。
  • ignore-loader: 忽略掉部分文件
  • ui-component-loader: 按需加载 UI 组件库,例如在使用 antd UI 组件库时,不会因为只用到了 Button 组件而打包进所有的组件。
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant