使用 Webpack 打包一个 ES6 模块答案

【问题标题】：Use Webpack to package an ES6 module使用 Webpack 打包一个 ES6 模块
【发布时间】：2015-08-30 13:06:53
【问题描述】：

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

对于组件，我希望 Webpack 将我的模块的 ES6 代码转换为单个 ES5 包，然后将其发布，但不打包其依赖项，而是将 ES6 import 语句转换为 @987654322 @ 声明。这样，消费包就可以处理依赖包的打包，而我最终不会（例如）将多个 jQuery 副本预编译到各种包含的组件中。

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

【问题讨论】：

标签： node.js webpack

【解决方案1】：

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

部分示例：

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

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

  target: 'node'
}

【讨论】：