带有清单文件的webpack2 CommonsChunkPlugin，如果minChunks是函数，则仅生成"names[]“数组中的最后一个文件
带有清单文件的webpack2 CommonsChunkPlugin是一个用于代码分割和模块打包的插件。它可以将多个入口文件中的公共模块提取出来，生成一个单独的文件，以减少重复加载和提高页面加载速度。
具体来说，当minChunks参数是一个函数时，它可以用来控制哪些模块应该被提取到清单文件中。在这种情况下，只有在"names[]"数组中最后一个文件中被引用的模块才会被提取到清单文件中。
这个功能在以下场景中非常有用：
- 多页面应用：当一个应用有多个入口文件时，可以使用该插件将公共模块提取到清单文件中，以避免重复加载。
- 第三方库分离：当应用中使用了大量的第三方库时，可以将这些库提取到清单文件中，以便在不同的页面中共享使用。
- 缓存优化：将公共模块提取到清单文件中可以使浏览器更好地缓存这些文件，从而提高页面加载速度。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能等。以下是一些相关产品和其介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：提供高可用、可扩展的数据库服务，支持多种数据库引擎。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、可靠的对象存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供多种人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
请注意，以上链接仅供参考，具体的产品和服务选择应根据实际需求进行评估和选择。
相关·内容
我有一个用webpack2构建的react项目，但是构建的块文件都超过了大小，总大小超过10M！以下是我的配置和日志输出的一部分。
module.exports = {
entry: {
app: appConf.entry
},
output: {
path: appConf.buildRoot,
publicPath: appConf.assetsPublicPath,
filename: assetsPath('js/[name].[chunkhash].js'),
c
浏览 14提问于2017-10-25得票数 0
在webpack.config.js中给出了这样的情况：
{
entry: {
a: '.../a.js',
b: '.../b.js',
separate: '.../separate.js',
vendor: ['lib1', 'lib2', ...]
},
...
plugins: [
...
new webpack.optimize.CommonsChunkPlugin({
names: ["commons", &#
浏览 2提问于2017-04-11得票数 2
回答已采纳
webpack版
2.2.1
我正在尝试添加一个额外的manifest文件，以绕过webpacks运行时代码注入问题并启用缓存：
然而，当将一个函数传递到minChunks中时，在这种情况下-为了自动获取vendor.js块中node_modules中的所有文件-将导致意外的结果:只生成数组中的最后一个文件(在下面的示例中，清单)。
webpack.config.js
entry: {
bundle: "./src/index.tsx",
},
output: {
filename: "[name].js?[chunkh
浏览 11提问于2017-02-28得票数 2
回答已采纳
1回答
不确定这是一个bug还是我的设置，我正在使用CommonsChunkPlugin为我的项目中的三个入口点获取一个单独的common.js，并使用摘录文本webpack插件来获取css文件。我的入口点是app，登录和注册。我能得到：
app.js
app.vendor.js
login.js
register.js
common.js
关于css：
app.css
register.css
login.css
我似乎无法生成common.css。所有的css都被塞进一个app.css文件中。
我的项目是基于vuetify webpack模板：建立的。
这是我的配置：
3个入境点：
module
浏览 4提问于2017-10-19得票数 2
回答已采纳
我有两个独立的应用程序部分，它们都分裂成'app‘和’供应商‘包。
Webpack参赛作品：
entry: {
'client-app': path.join(BASE_DIR, 'front-end-sources', 'client', 'scripts', 'main.ls'),
'client-vendor': path.join(BASE_DIR, 'front-end-sources', 'client', 'scripts
浏览 0提问于2016-06-13得票数 8
回答已采纳
1回答
Webpack构建配置
、、、
我用我的项目的简单例子创建了git
问题是:如何使用多个块构建它，例如：
组件(在两个或多个模块中使用的/app/ components /文件夹中的所有js文件)
供应商(在两个或多个模块中使用的所有js文件(来自/node_modules/和/app/供应商/文件夹)
舱单(webpack js代码，babel-polifill等)
每个模块js文件
现在，构建遇到了以下问题：
new webpack.optimize.CommonsChunkPlugin({
async: 'components',
children: true,
浏览 3提问于2017-12-21得票数 0
我正在尝试从Webpack 3迁移到CommonsChunkPlugin 4，这需要我从使用splitChunks改为使用that。但我正在努力保持同样的行为。 我的Webpack 3代码： webpack.config.js entry: {
vendor: ['jquery', 'timeago.js', 'jquery-accessible-autocomplete-list-aria/jquery-accessible-autocomplete-list-aria', 'jquery-ujs'],
a
浏览 25提问于2020-06-26得票数 1
回答已采纳
我在我的项目中引入了一名服务工作者，它将用于推送通知。我想在服务工作者和我的其他网站之间分享一些共同的代码。
使用Webpack 3构建我的项目，我最初的方法是为服务工作者创建一个单独的条目，并将生成的文件放在输出的根上，而不需要散列来为其提供一个一致的web地址：
entry: {
'app': './src/main.js',
'service-worker': './src/service-worker.js'
},
output: {
path: config.build.assetsRoot,
filen
浏览 0提问于2018-09-08得票数 2
回答已采纳
我正在尝试webpack的多编译器选项，并在他们的github上跟踪。但是，我似乎无法理解如何在多个配置中分离出公共代码。
例如，我可能在不同的配置集合中使用相同的供应商库。我希望将这些共享代码捆绑到一个公共文件中。
我尝试了以下操作，但最终为每个编译配置创建了一个单独的vendors条目包。
var path = require("path");
var webpack = require("webpack");
module.exports = [
{
name: "app-mod1",
entry:
浏览 5提问于2016-08-06得票数 22
回答已采纳
2回答
分拆供应商包
、、、、
我的供应商包越来越大，我想分成两个部分。(其中一部分与所有相关包反应，另一部分与其他包反应)。
我目前要创建的供应商包是：
new webpack.optimize.CommonsChunkPlugin({
name: ['vendor'],
filename: '[name].bundle.js',
minChunks: module => module.context.includes('node_modules')
})
我尝试在下面添加这些不同的方法，但到目前为止没有成功：
// approach 1
new webpa
浏览 4提问于2018-03-26得票数 0
回答已采纳
2回答
我正在做一个由preact-cli发起的项目。
我有一个构建脚本，它捆绑了我的应用程序。webpack的配置已经在preact-cli中进行了全局定义，但是我可以从preact.config.js修改它。
我检查了preact-cli中只有一个入口点，现在还可以。
还有一个CommonsChunkPlugin的礼物。它具有以下配置：
如果我正常使用此配置构建应用程序。我得到了一个很大的包文件。
所以我开始添加我自己的CommonsChunkPlugin。
Preact提供了一种修改webpack吐露的方法。这是什么？
我的preact.config.js是：
export
浏览 10提问于2018-01-13得票数 4
我的环境使用Laravel。我使用CommonsChunkPlugin将node_modules提取到vendor.js中，并使用导入生成几个延迟加载模块。
现在我想添加一组IE11填充，它将只在IE11中加载。CommonsChunkPlugin不适合我，因为无论是polyfill.js还是所有的依赖项都在polyfill.js中，或者所有的共享依赖项都在vendor.js中。我想复制这些依赖项，这样多边形填充是独立的-- polyfill.js和vendor.js都应该包含它们的所有依赖项，即使有重叠。
我的Laravel配置看起来有点像这样：
const mix = require(&#
浏览 1提问于2018-08-24得票数 0
回答已采纳
我想构建三个包：main.js、vendor.js和polyfill.js。polyfill.js文件应该包含在polyfill.js文件中定义的模块。应该通过提取从npm(node_modules)导入的所有依赖项来动态创建vendor.js文件。最后，main.js应该包含polyfill和vendor模块以外的其他模块，这基本上是我的应用程序代码。
polyfill.js
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';
main.js
import { NgModule, Applicat
浏览 2提问于2017-05-01得票数 5
回答已采纳
我正在开发一个遗留应用程序，目前必须以一种非常具体的方式拆分它:一个简化的例子是:我有4个模块：
//moduleA.js
export const moduleA = ['moduleA'];
//moduleB.js
import {moduleA} from './moduleA';
export const moduleB = ['moduleB'].concat(moduleA);
//moduleC.js
import {moduleA} from './moduleA';
import {moduleB} f
浏览 1提问于2017-03-28得票数 1
回答已采纳
主要的问题是，当代码分裂的反应-路由器4，然后webpack 2，我有几个模块在几个块，我无法到达主要的一个。
我的配置如下：
Webpack 2.2.1
反应-路线4.1.1
我在使用代码分割，就像在react路由器v4 中一样
基本上，我不使用导入，但在路由配置上:如下所示：
import loadHome from 'bundle-loader?lazy&name=home-chunk!./pages/market/Home';
[
{
path: url1,
component: props => <Bundle
浏览 1提问于2017-07-05得票数 3
回答已采纳
1回答
我有类似于官方的代码拆分配置，一切都很完美--我所有的节点模块都在“供应商”块中(包括"babel-polyfill")。但现在我需要将babel-polyfill和它的所有依赖项移动到单独的块(“polyfill”)，以便能够在我的供应商捆绑包之前加载它。你知道怎么做吗？
我的配置：
...
entry: {
main: './index.jsx'
},
...
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: function (module)
浏览 10提问于2017-06-27得票数 2
回答已采纳
我正在尝试从3迁移到webpack4，并且很难迁移CommonsChunkPlugin。
在WP3上，我有以下简化的配置：
const entries = {
client: './src/index.js',
common1: ['lodash'],
common2: ['react', 'react-dom']
};
module.exports = {
...
entry: entries,
plugins: [
new webpack.optimize.CommonsChunkPlugin
浏览 3提问于2018-08-08得票数 3
我需要帮助将以下代码从webpack 3迁移到4。
new webpack.optimize.CommonsChunkPlugin({
minChunks: module => module.context && module.context.indexOf("node_modules") !== -1,
name: "vendor",
chunks: ["main"]
})
我有两个条目文件，并且只希望第一个条目的依赖项包含在供应商块中。第二个条目的依赖项都应该保留在它自己的包中。
浏览 16提问于2018-02-28得票数 49
短版
当我在Promise is undefined文件中运行我的应用程序时，我会在IE11文件中看到一个错误。
如何添加babel-polyfill或类似的内容，使其在执行清单之前运行？
长版本
我试图将CommonsChunkPlugin添加到我的webpack配置中，以便将第三方(npm包)脚本拆分成一个单独的包。根据Webpack 2的文档，我已经设置了"“，它在现代浏览器中运行良好。
我编写了一个函数，以确保按正确的顺序将这些块包含到我的索引文件中(参见下面)。
关于我的两个显式入口点的背景信息：
legacy_libs -放置在带有script-loader的全局命名空
浏览 8提问于2017-05-24得票数 6
回答已采纳
写作的主要好处是什么？
import React, { Component } from 'react';
class Link extends Component {
...
}
而不是
import React from 'react';
class Link extends React.Component {
...
}
当涉及到反应15.4.x？
在中，我的观点是和，在我的例子中是(如果我错了，请纠正我)，这一点都不重要，因为：
我使用一个webpack2来制作我的包；
我使用代码分割来分割我的应用程序代码和供应商代码；
我使用w
浏览 6提问于2017-06-13得票数 18
回答已采纳
3回答
我想知道是否可以用一些javascript文件构建一个包，但不需要依赖？
我希望有包含ReactDOM组件的小包(在我的例子中，每个ReactDOM组件都是由几个ReactDOM组件构建的，例如注释组件包括注释框、列表和表单)，我可以通过在webpack中指定几个入口点将ReactDOM组件拆分成一个单独的文件，但是如果我有: 1.组件评论2。组件通讯和它们都需要ReactDOM，将生成的文件将有大约600 be，其中我的react组件只包含大约100行js代码。
我想要多一个文件，它将包含所有来自“require(‘React dom’)”的代码，而这两个文件将只包含React组件代码。这可
浏览 7提问于2016-01-05得票数 4
回答已采纳
4回答
我希望能够在项目中的任何文件中导入这两种类型的文件。
import 'styles/index.scss';
import 'styles/build/_style.css'
重要的是要注意使用Nextjs 7和webpack 4(附带nextjs7)的im
在Nextjs 6中，我们曾经在next.config.js中使用
const withCSS = require('@zeit/next-css')
const withSass = require('@zeit/next-sass')
const com
浏览 2提问于2018-11-14得票数 5
回答已采纳
Webpack 2与CommonsChunkPlugin有关的问题/澄清。
{
entry: {
app: './src/app.ts',
vendor: ['some-third-party-lib', 'another-third-party-lib']
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js'
},
p
浏览 2提问于2017-02-24得票数 2
我有一个看似非常简单的Webpack代码拆分设置，我在迁移到Webpack 4时遇到了麻烦。我有两个条目，分别是main和preview。我想为main中的供应商模块将初始代码拆分成一个vendor块，但我希望将preview作为一个块。
Webpack 3中工作配置的相关部分：
{
entry: {
main: './src/application.js',
preview: './src/preview.js',
},
plugins: [{
new webpack.optimize.CommonsChunkPlugin(
浏览 0提问于2018-03-15得票数 3
我使用WebPack CommonsChunkPlugin提取重复代码并减少JavaScript代码大小。我有两个html页面和两个条目。此外，我还添加了ReactJs、供应商条目。到目前为止，在webpack.config.js中我们有：
var path = require("path");
var webpack = require('webpack');
var BundleTracker = require('webpack-bundle-tracker');
var BundleAnalyzerPlugin = require(
浏览 2提问于2017-08-01得票数 10
回答已采纳
我希望将包中所有常见的块移动到vendor.[chunkhash].js文件中。但是，在检查了输出之后，我看到一些node_modules被包含了更多次，这对输出大小有很大的影响。
Webpack commonsChunkPlugin
new webpack.optimize.CommonsChunkPlugin({
name: "vendor",
filename: "vendor.[chunkhash].js",
minChunks(module, count) {
const context = module.con
浏览 3提问于2017-08-09得票数 0
我正在做一个很大的项目，并试图登陆webpack 3 -> 4的更新。这个应用程序大约有1000个入口点，其中大约有10个被认为是“全局”或“核心”的，并保证在每个页面上。这些核心包包含供应商和非供应商代码的混合。我需要配置webpack来构建所有这些资产，这样出现在这些包中的任何块都不会出现在任何其他包中，而不管块的大小，也不会创建需要添加到页面的新资产。
在webpack 3中，我们一直在使用CommonsChunkPlugin来实现这一点。下面是一个简单的例子：
new webpack.optimize.CommonsChunkPlugin({
name: 'a-glo
浏览 1提问于2018-03-08得票数 30
回答已采纳
我正在用webpack用CommonsChunkPlugin生成一个vendor.js和main.js文件。我希望我的应用程序正在使用的所有node_modules都进入vendor.js文件。但是，生成的vendor.js和main.js文件存在语法错误。实际上，我正在为AWS编写一个lambda函数。这是我的webpack.config文件。
const webpack = require('webpack');
const path = require('path');
const CopyWebpackPlugin = require('copy
浏览 7提问于2017-12-12得票数 0
我捆绑了我的供应商依赖关系，如下所示：
module.exports = {
entry: {
vendor: [
'react',
'react-dom',
'react-router',
'velocity-react',
],
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: Infini
浏览 2提问于2017-02-03得票数 0
当试图要求html文件时，我有一个奇怪的错误。所讨论的代码是一个AngularJs应用程序，用打字稿编写，并使用webpack。
app.directive.ts
// require('./app.scss');
// import AppController from './app.controller';
function AppDirective(): ng.IDirective {
return {
restrict: 'E',
scope: {},
controllerAs: 'vm',
浏览 2提问于2016-04-14得票数 10
回答已采纳
我发现我的项目的共同供应商是非常大的。
我想看看哪个模块负责较大的尺寸，并发现语义-ui-react本身占用了1.74万。
react供应商. MB 1.74 mb2排放的react供应商
'react-vendor': [
'semantic-ui-react',
],
new CommonsChunkPlugin({
name: "react-vendor",
filename: "react-vendor.js",
minChunks: Infinity,
}),
我能做些什
浏览 3提问于2017-04-06得票数 8
回答已采纳
3回答
所以我正在做一个简单的纸牌游戏，我有大约40张与卡片相关的图片。我使用的是Vue Cli，它已经有了一个简单的webpack配置。
非常简单，我保存静态文件夹中的所有图像，如：
当我构建用于生产的项目，生成dist文件夹时，它会创建如下所示的图像：
这是我的webpack制作档案：
'use strict'
const path = require('path')
const utils = require('./utils')
const webpack = require('webpack')
const
浏览 1提问于2018-09-30得票数 3
我有点卡住了
我有一个脚本，以编程方式注入清单，供应商和应用程序到页面加载。我需要在构建过程中将这个脚本注入到html中，但是在开发过程中没有必要。
下面是我的prod配置(默认的，有一些非常小的更改)-
'use strict'
const path = require('path')
const utils = require('./utils')
const webpack = require('webpack')
const config = require('../config')
const merge
浏览 0提问于2018-03-06得票数 2
回答已采纳
我正在尝试使用CommonsChunkPlugin通过webpack2创建一个serviceworker块(sw.js)，但是当尝试将/sw.js注册为serviceworker时，我得到了错误Uncaught ReferenceError: webpackJsonp is not defined。
显然，webpackJsonp是用来异步加载块的，它弄乱了我的serviceworker文件。有什么方法可以删除serviceworker块的异步加载吗？
我的webpack配置：
{
entry: {
main: [
'react-hot-loader/patch
浏览 4提问于2016-12-29得票数 3
2回答
我正在为一个特定的用例与web做一些斗争，我想知道是否有人已经面临这个问题了。
所以：
我有三个条目：
application: 'src/app.js'
seedFile: 'src/seed.js'
vendor: ['jquery', 'axios', 'otherLibs']
然后我使用CommonChunksPlugin作为供应商条目
new webpack.optimize.CommonsChunkPlugin
name: 'vendor'
minChunks: Infinity
浏览 1提问于2017-03-12得票数 3
假设我有两个页面Page1和Page2，它们都使用像jquery backbone这样的库(供应商)，我希望将其提取为一个单独的文件，然后我希望将共享模块(不包括供应商)提取到另一个单独的文件中，这是webpack配置：
function listFiles(srcpath) {
return fs.readdirSync(srcpath).filter(function (file) {
return fs.statSync(path.join(srcpath, file)).isDirectory();
});
}
var createEntry = fun
浏览 0提问于2016-03-10得票数 15
我有一些具有自己的.less样式的条目，我想将公共css提取到common.css中。
entry: {
index: ['./client/js/index.js'],
login: ['./client/js/login.js']
},
module: {
loaders: [
....
{test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css')},
{test: /\.less$/
浏览 1提问于2015-09-21得票数 3
回答已采纳
使用webpack v2，我有两个入口点，这两个入口点应该生成两个可以分别加载到同一页面或不同页面上的包。我还使用CommonsChunkPlugin将node_modules文件夹中的所有依赖项提取到只有第一个包需要的第三个包中。当在页面上单独加载第二个捆绑包时，它不会被初始化，因为它似乎需要之前(托管webpackJsonp函数)加载过commonChucnks捆绑包。除了有两个webpack配置之外，还有其他选择来解决我的问题吗？
module.exports = {
context: path.resolve(__dirname),
entry: {
"fir
浏览 0提问于2018-02-13得票数 0
我已经成功地让Webpack和CommonsChunkPlugin将我的代码分成两部分--一个包含我的代码库，另一个包含从node_modules导入的所有东西。这是相对容易的一点。
接下来，我尝试在我的应用程序中动态导入一个“子应用程序”，它有着完全不同的供应商包需求(例如，React我的主应用程序不使用它，但是我的子应用程序使用它)，没有所有这些包出现在主要的供应商文件中。
如果我添加了import()，但保持了相对不动的Webpack配置，我最终会得到4个包
Webpack运行时
主要应用程序代码库
在主应用程序代码库中导入的所有内容的供应商包
动态导入的包，也包含在其中
浏览 4提问于2018-01-04得票数 3
我想在一个多页面应用程序中使用Webpack，这样就可以将一些预先确定的依赖绑定到“供应商”块中，而其余的依赖项则绑定到“共用”块中。
例如，假设两个入口点(实际上分别表示不同的页面)，pageA.js和pageB.js包含这两个代码(在EC6中，通过Babel处理)，然后是它们自己的代码：
import $ from 'jquery';
require('bootstrap/dist/css/bootstrap.css');
import angular from 'angular';
import uitree from 'angul
浏览 2提问于2016-02-23得票数 16
我想不出如何把我现有的webpack 3 CommonsChunkPlugin移植到新型webpack 4 optimization.splitChunks上。
我现有的配置可以分为以下几个部分：
module.exports = function (env) {
const entry = {
common: ['libA', 'libB', './common/A.js', './common/A.js', /* ... */],
pageA: ['./src/pageA/fil
浏览 0提问于2018-04-13得票数 1
回答已采纳
1回答
我使用webpack.optimize.CommonsChunkPlugin生成一个额外的块(vueCommon.js)，其中包含vuejs路由器vue-、vue-resource...；但是我想生成另一个业务资源，比如util.js。它们只在一些页面中由"import ajax from‘../service/service.js’“使用；
构建后的问题:每个生成的page.js都有service.js的代码。
简要演示：
//webpack.base.js
"use strict";
var path = require('path');
v
浏览 12提问于2017-02-10得票数 0
回答已采纳
我设置了
```javascript
优化：{
splitChunks：
'my-bundle1':{
chunks:"async",
测试：(模块)=>{
return /my-bundle1/.test(module.resource)
},
名称：“my-bundle1”，
强制:true，
reuseExistingChunk:true
}}
但是，路径包含my-bundle1的文件的源不会出现在my-bundle1.bundle.js中。相反，它们出现在common.js中
PS:在webpack 3中，我使用一个commonsCh
浏览 0提问于2018-08-09得票数 0
1回答
我试着用webpack来达到以下目标
简而言之，我有两个切入点：
App.js和App2.js
App1.js与App1def.js具有依赖关系，App2.js与App2def0x.js文件有依赖关系，App1.js和App2.js使用Cats.js
所有appx.js文件都具有Jquery和babel-polyfill的依赖关系。
我想汇编成：
Vendor.min.js contaning，babel-poly填充(shim)
Common.min.js containg Cats.js (appx.js使用的公共文件)
含App1.boundle.js的app1de
浏览 1提问于2016-11-24得票数 1
回答已采纳
我有一个使用Webpack2和TypeScript开发的开源项目。
由于某些原因，我的开发服务器启动了，一切都很好，然而，当我更改一个文件时，服务器重新加载正常，但永远不会更新。它在手动和自动刷新时执行此操作。
版本
"webpack": "2.1.0-beta.20",
"webpack-dev-server": "2.1.0-beta.0",
配置
var path = require('path');
var webpack = require('webpack');
var CleanWe
浏览 18提问于2016-08-07得票数 4
回答已采纳
1回答
我正在用Laravelv5.5构建一个多页应用程序，并使用LaravelMixv1.6.2编译我的资产。我正在为每个页面定义一个入口点。我正在将供应商模块提取到一个独立的供应商输出块：
mix.js('resources/assets/js/page1.js', 'public/js')
.js('resources/assets/js/page2.js', 'public/js')
.extract('vue');
我还想要完成的还有我编写的模块，这些模块在多个页面/入口点之间共享，自动提取到一个单独的块(例如c
浏览 2提问于2017-12-03得票数 2
回答已采纳
假设我有一个丰富的应用程序，它使用了很多第三方模块，包括提交、矩、公理、react。
如果我在最后将所有东西打包在一个包中，那么大小将高于1MB。
我想让webpack把我的图书馆收拾好，让它藏起来：
单独房客
分弯矩
所有其他node_modules都存储在供应商包下面。
应用程序的代码存储在单独的文件中。
我试着用不同的方式玩CommonsChunkPlugin，但是没有得到我想要的结果。
我准备了示例存储库来说明我的问题：
Webpack入境部( )
entry: {
lodash: 'lodash',
moment: 'm
浏览 0提问于2017-04-04得票数 1
我有一个webpack配置，其中我有两个入口点(a.js和b.js)，并希望将我的共享代码分成两个附加文件:公共文件和供应商文件。
我正在使用示例
a.js和b.js应该是小的--只有模块本身，而不是任何共享代码。我希望将“运行时”划分为应用程序运行时(common.js)和供应商运行时(vendor.js)。
加载a.html时，可以加载vendor.js、common.js和a.js脚本
module.exports = {
context: __dirname,
devtool: 'inline-source-map',
entry: {
a:
浏览 2提问于2017-01-15得票数 1
考虑到这一点
[01] [00] WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (250 kB). This can impact web performance.
[01] [00] Entrypoints:
[01] [00] app (5.43 MB)
[01] [00] vendor1.bundle.js
[01] [00] vendor1.bundle.js.map
[01] [0
浏览 0提问于2016-12-16得票数 0
我使用webpack (v3.5.6)来构建(捆绑和编译)一个web应用程序。在我们的主条目中，我们(尝试)延迟加载另一个条目文件，使用以下语法：
import(/* webpackChunkName: 'charts' */ './charts').then((module) => { /* do something with module */});
定义了这些条目：
entry: {
'charts' : [`src/charts.ts`],
'main' : [`src/main.ts`]
},
当w
浏览 2提问于2017-09-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
