javascript - 将 Webpack CommonsChunkPlugin 输出拆分为多个文件

标签 javascript webpack

我正在使用 Webpack 来捆绑我的客户端模块,并希望利用并行 Assets 下载。我想要这样的 html:

<script src="vendor/react.js">
<script src="vendor/underscore.js">
<script src="build/bundle.js">

bundle.js 包含:

var React = require('react');
var _ = require('underscore');

请注意,vendor/react.js 和 vendor/underscore.js 也会被 Webpack 捆绑。

我知道 Webpack CommonsChunkPlugin 可以提取所有 vendor 模块并将它们放入一个通用的 vendor.js 文件中。但是,是否可以将该公共(public)输出文件拆分为两个或多个输出文件?

最佳答案

经过进一步挖掘,我找到了答案。

Soundcloud 专门为此创建了一个 webpack 插件 (see here),尽管它不支持在 node_modules 文件夹中拆分代码。 Another plugin基于它解决了这个问题,并且设置起来很简单。

关于javascript - 将 Webpack CommonsChunkPlugin 输出拆分为多个文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32643984/

相关文章:

javascript - 使用组件变量来 react Native Promises 和 componentDidMount 行为

javascript - 隐藏其他元素后将图像移动到第一个位置

Webpack 4 - 模块解析失败 : Unexpected character ' '

angular - useAsDefault 不能与 Electron + Webpack 实现一起使用? ( Angular 2)

node.js - webpack 与 nodejs 一起使用

javascript - 如何创建带有两个 div 的列,其中一个固定在第二个上方,滚动时隐藏在第一个后面?

javascript - 使用 jquery 或 javascript 实时更改输入值

javascript - 按日期对 JSON 进行排序

javascript - 如何在使用 webpack 服务时和构建后通过绝对 url 提供 Assets ?

javascript - Babel 没有将 ES6 转译为 ES5