使用Webpack打包ES6模块

Question

我想将Webpack用于我的新ES6项目，包括完整的Web应用程序和将发布到NPM的组件。

对于组件，我希望Webpack将我的模块的ES6代码转换为单个ES5包，然后发布，但不包装其依赖项，而是将ES6 import语句转换为require()陈述。这样，使用包处理依赖关系的包装，我不会最终得到（例如）预编译成各种包含组件的jQuery的多个副本。

如何使用Webpack打包我的模块代码并将依赖项保留为require()语句？

Answer 1

将依赖关系指定为externals，并为目标指定target : 'node'。

部分示例：

{
  // CommonJS target output format
  output: { libraryTarget: "commonjs" },

  // Assumes all relative paths start with a '.'
  externals: /^[^.]/,

  target: 'node'
}