Skip to content

常用Loaders和Plugins #89

@coconilu

Description

@coconilu

概述

Loaders

  1. raw-loader,直接导出文件的字符串,并赋值给导出模块的default
  2. autoprefixer-loader,自动添加css前缀,目前已经被postcss-loader代替
  3. postcss-loader,使用postcss处理css
  4. css-loader,输出一个带有toString()的数组,应该包含在<style>标签的字符串,可以处理指令@import 和 url()
  5. style-loader,返回空对象,使用JS动态生成<style>标签并插入到header中。如果配置成style-loader/url,则使用JS动态生成link:href。
  6. html-loader,导出HTML字符串,并处理其中的url,包括图片url
  7. extract-loader,从bundle中提取HTML和CSS,专门处理css-loader和html-loader的输出结果,一般extract-loader的处理结果会传递给file-loader
  8. file-loader,返回的经过webpack处理后的文件路径
  9. url-loader,用base64编码的url加载文件
  10. eslint,检查JS书写是否规范
  11. script-loader,在全局上下文执行一次的JS脚本
  12. babel-loader,使用babel处理JS代码,用以支持高级语法
  13. val-loader,执行模块并在构建期间生成源代码
  14. bundle-loader,异步加载JS文件

Plugins

  1. extract-text-webpack-plugin,从最终的文件包里拿出某些内容,导出的别的地方
  2. copy-webpack-plugin,移动文件的插件
  3. clean-webpack-plugin
  4. uglifyjs-webpack-plugin
  5. CommonsChunkPlugin,用于将模块分离到单独的文件中
  6. ProvidePlugin

参考

官方Loaders
官方Plugins

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions