Webpack常见的Loader

121 阅读1分钟

file-loader

  • 作用:把文件输出到一个文件夹中,在代码中通过URL去引用输出的文件。

url-loader

  • 作用:和file-loader类似,但是能在文件很小的情况以base64的方式把文件内容注入到代码中去。

source-map-loader

  • 作用:加载额外的Source Map 文件,以方便断点调试。

image-loader

  • 作用:加载并且压缩图片文件。

babel-loader

  • 作用:把ES6转换成ES5

css-loader

  • 作用:加载CSS,支持模块化、压缩、文件导入等特性。

style-loader

  • 作用:把CSS代码注入到JavaScript中,通过DOM操作去加载CSS

eslint-loader

  • 作用:通过ESLint检查JavaScript代码。