标签: javascript-build

我有一个相对标准的webpack设置:webpack + babel-stage-0

如果存在语法错误,babel会给我一个非常有用的错误消息,但是还有一个与我的代码完全无关的堆栈跟踪,这通常比终端本身更长.

有没有办法隐藏堆栈跟踪 Parser.pp.raise

我知道这是一个非常小的事情,但隐藏堆栈跟踪意味着更少的视觉噪音,我不必向上滚动半个终端窗口以查看我的错误消息.

我尝试过的事情

我试图隐藏stderr:

webpack --watch > /dev/null

但它似乎没有帮助.

我需要单独的 lodash 模块，所以我的 JS 构建只包含我需要的 lodash 代码（例如，import map from 'lodash/map'而不是import _ from 'lodash'. （实际上，我使用babel-plugin-lodash来自动化这个。）所以我实际上在代码中没有任何地方导入整个'lodash'.

我希望 webpack 将需要包含在供应商包中的任何 lodash 代码放入。遵循用于拆分供应商和应用程序包的 webpack 示例，我知道如何将所有lodash 包含在供应商包中（使用 CommonsChunkPlugin）。但我不想仅仅'lodash'用作入口点并拉入整个库。相反，我想让我实际导入的所有模块都lodash以供应商包结束。

有任何想法吗？

添加

由于我为每个应用程序构建了 3 个包，情况变得更加复杂：一个供应商包、一个跨应用程序通用的包（将使用 lodash 模块）和特定于应用程序的代码（也将使用 lodash 模块） .

以下是我的 webpack 配置的关键部分：

// ...
entry: {
  specificApp: specificAppEntry,
  appCommon: [appCommonEntry],
  vendor: [listOfVendorJsLibraries],
},
// ...
plugins : [
  new webpack.optimize.CommonsChunkPlugin({
    names: ['appCommon', 'vendor'],
    minChunks: Infinity,
  }),
  // ...
],
// …