使用Webpack封装ES6模块

Question

我想使用Webpack为我的新的ES6项目，包括完整的网络应用程序和组件，将公布给国家预防机制。

对于组件，我希望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'
}