首页
前端开发
Webpack
esm-pkg查找所有带ESM输出的Webpack包

esm-pkg查找所有带ESM输出的Webpack包

0 次浏览 0 条评论
zip
zip

esm 输出的包太分散？esm-pkg帮你一次性全找齐。它专门用来搞定你在用 webpack + babel-loader 时那些需要转译的 ESM 模块，再也不用一个个去手动 include，那叫一个省心。

有时候你装了个包，webpack 识别出 ESM 版本了，结果 babel 不管它，打包出错？emm，用 esm-pkg 就对了。它会帮你一口气找出所有需要 include 的包，省掉不少手工活，是你维护大型项目时，体验更。

安装也简单：npm i -D esm-pkg。在你的 webpack.config.js 里，直接调用就行：

const esmPkg = require('esm-pkg');
module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        include: esmPkg(),
        use: 'babel-loader'
      }
    ]
  }
}

配合像 babel-esm-plugin 或 webpack 的 ESM 支持 一起用，兼容性和效率都还不错。如果你用的是 React + Webpack 或 Node 项目，更值得加上试试。

如果你老是遇到 babel-loader 不 ESM 的老毛病，那真该用它。更新包也不怕遗漏，自动 include，真的是图省事就靠它。

zip 文件大小：42.13KB