前端开发那些事儿

loader,plugin,tree shaking

2021-07-24  本文已影响0人  JX灬君

laoder

对模块源代码进行转换,将不同的语言转换成js
将内联图像转换成data url

  1. 文件
    url-loader,file-loader

  2. 转换编译
    babel-loader,ts-loader

  3. 模版
    html-loader

  4. 样式
    style-loader,css-loader,less-loader

  5. 清理
    eslint-loader

  6. 框架
    vue-loader

plugin

解决loader无法实现的。
样例:

  1. 横幅plugin
    BannerPlugin
  2. HtmlWebpackPlugin

tree shaking

消除无用的js代码(包括模块里没有导出或引用的部分),
只支持ES静态引入方式
不支持require动态引入

上一篇下一篇

猜你喜欢

热点阅读