我的Webpack供应商捆绑包非常大(几乎2MB)，如何创建多个供应商区块
Webpack是一个现代化的静态模块打包工具，它可以将多个模块打包成一个或多个捆绑包。当你的Webpack供应商捆绑包非常大时，可以通过创建多个供应商区块来优化打包体积和加载性能。
创建多个供应商区块的步骤如下：
- 分析依赖：首先，你需要分析你的应用程序的依赖关系，找出哪些模块是供应商模块。供应商模块通常是不经常变化的第三方库或框架，例如React、Vue、Lodash等。
- 配置Webpack：在Webpack的配置文件中，你可以使用
splitChunks插件来创建多个供应商区块。在插件的配置中，你可以指定哪些模块应该被提取到供应商区块中。 - 配置Webpack：在Webpack的配置文件中，你可以使用
splitChunks插件来创建多个供应商区块。在插件的配置中，你可以指定哪些模块应该被提取到供应商区块中。 - 在上面的配置中，我们使用了
test选项来匹配所有位于node_modules目录下的模块，将它们提取到名为vendor的供应商区块中。 - 异步加载：如果你的应用程序使用了异步加载（例如使用
import()或动态import语法），你还可以创建额外的供应商区块来包含这些异步加载的模块。 - 异步加载：如果你的应用程序使用了异步加载（例如使用
import()或动态import语法），你还可以创建额外的供应商区块来包含这些异步加载的模块。 - 在上面的配置中，我们创建了一个名为
async-vendor的供应商区块，用于包含异步加载的模块。 - 构建和部署：完成以上配置后，你可以运行Webpack进行构建。构建完成后，你将得到多个供应商区块的捆绑包文件。
- 部署时，你可以将这些供应商区块的捆绑包文件与你的应用程序的其他捆绑包文件一起上传到云服务器或CDN上，以供访问和加载。
通过创建多个供应商区块，你可以将大型供应商捆绑包拆分成多个较小的捆绑包，从而提高应用程序的加载性能。同时，你可以根据需要进行灵活的配置和管理，以满足不同的应用场景和需求。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Webpack：腾讯云提供的Webpack相关服务和解决方案。
- 腾讯云云服务器CVM：腾讯云提供的弹性云服务器，用于部署和运行你的应用程序。
- 腾讯云对象存储COS：腾讯云提供的高可靠、低成本的对象存储服务，用于存储和分发你的静态资源文件。
- 腾讯云CDN：腾讯云提供的全球加速服务，用于加速你的应用程序的静态资源文件的访问速度。
相关·内容
下面是我在webpack.config.js中用来创建块的代码： optimization: {
runtimeChunk: 'single',
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all'
},
},
},
} 我有应用，主，运行时和供应商的区块，供应商的大小非常大。我希望在我的Reac
浏览 16提问于2020-09-20得票数 0
我有一个有2个捆绑包的应用程序，react等常用模块被提取到一个供应商捆绑包中。我正在添加第三个包，我不想从中提取公共依赖项。这有没有可能。
这个问题与相关，但是这是关于为每个入口点创建多个供应商捆绑包，而我希望其中一个捆绑包不需要供应商。在我的例子中，这是因为脚本是一个简单的站点验证脚本，它被设置在头部中，因此将在vendor捆绑包之前设置。但是，我仍然希望能够使用此head包中的模块。
const webpack = require('webpack');
const path = require('path');
const config = {
e
浏览 18提问于2017-02-16得票数 0
我想优化被服务的javascript页面。我使用的是webpack 4，配置如下。我用的是webpack -p --mode=production的webpack。当我在生产模式下运行时，我仍然得到大于1mb的文件。为了提高性能，我想尽可能地减小文件大小。
module.exports = {
entry : {
app: [...
],
vendor: ['react','moment','lodash/core']
},
output : {
filena
浏览 0提问于2019-10-25得票数 0
webpack会不会对已经和webpack捆绑在一起的套餐进行去重呢？
例如，| Webpack bundle 1 | |------------------| | react@15.5 | | jquery@3.0 |
| Webpack app bundle | |--------------------| | react@15.5 | | jquery@3.1 | | Webpack bundle 1 |
Webpack app捆绑包会包含2份react@15.5吗？Webpack app捆绑包会包含2份jquery吗？
浏览 7提问于2017-05-15得票数 0
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
回答已采纳
有没有可能用webpack创建多个捆绑包('vendor'，'app')，并加载requirejs？在这个例子中，我可以创建包，但是当我试图加载它们时，返回的模块是未定义的。
webpack.config.js:
module.exports = {
entry: {
app: './app.js',
//vendor: ['bootstrap', 'popper.js','jquery','underscore']
},
浏览 23提问于2018-07-25得票数 1
关于Webpack，有件事我无法理解。
大多数webpack示例都显示了一个主要入口点app.js，它导入所有其他的反应组件，让Webpack递归地构建一个结果文件。如果有多个入口点，如pageA.js和pageB.js，我们将它们放入条目参数中的数组中。
然而，我的问题是，我的“主”入口点并没有使用和导入每个组件。也许只是一些。在PageA上，我可能只导入ComponentA和ComponentB。在PageB上，我可能只导入ComponentB和ComponentC。然后，在我的MainPage上的MainPage中，我可能只导入ComponentD。
我可以把main.js，PageA和
浏览 7提问于2016-06-28得票数 12
我正在用React + Redux + Webpack开发一个单页面应用程序。Webpack是一个很棒的工具，可以打包所有的东西，但是我想不出我的应用程序简单地构建了一个父页面，一旦用户从顶部菜单中选择了一个功能，特定的功能就会在标签容器中作为一个新的标签启动，标签本身需要交互。假设选项卡A完成了某项操作，选项卡B必须刷新部分信息。
我的想法是，每个函数都是React的大组件，父组件控制应该将哪个函数(组件)附加到选项卡容器。但是我想，如果我使用Webpack将整个应用程序捆绑成一个.js文件，那么即使我将供应商的源码捆绑成外部资源，.js文件的大小也会非常大
我认为这是单页应用程序中常见的问
浏览 23提问于2017-08-16得票数 1
问题
在Webpack中导出捆绑包时，如何排除第三方模块的peerDependency？(不是第三方模块本身)
背景
我想创建一个在angular-material框架上使用自定义组件的UIkit。有了Webpack，我可以将我定制的组件和angular-material捆绑成类似uikit.js的东西，然后移植到其他应用程序中。但是，我不想在这个uikit.js中包含angular模块本身。
问题
看起来，Webpack足够“聪明”，注意到angular模块是angular-material模块的依赖项，因此会将angular模块和angular-material模块都导出到捆绑包中。可以使
浏览 1提问于2016-05-14得票数 9
好的那么..。我有一个项目，其中我们使用了很多组件(就像在每个React项目中一样)，但当我们编译项目以在浏览器中看到它时(即。foreman start)它需要很多时间来加载，而且当它加载时，它会创建一个非常非常大的文件。
我们不知道为什么会发生这种情况，可能是我们搞砸了，我们还不知道。
我不知道您需要查看代码的哪一部分才能帮助我理解为什么会发生这种情况。让我知道，我会给你的。
另外，我想知道有没有办法防止文件变得那么大，只要我知道它的重量不应该超过2Mb或其他什么…
提前感谢！
浏览 6提问于2019-03-22得票数 0
1回答
我们有网站上的反应和做代码分裂使用可下载，和所有webpack优化。有一点是关于我们使用70个npm库的问题，它导致了一个大的供应商块，我们用splitChunks webpack分裂了它。
如果我们有一个页面，它只使用了70个库中的10个，但是webpack同时以供应商反应和供应商所有等的形式加载了所有的库。
有没有办法在路由的基础上拆分节点模块，如果一个页面使用10个库，我们只加载10个库，而不是一次加载整个node_modules .
例如，我们有三个页面主页，产品列表页面，产品详细页面。
在包json中，我们安装了10个libraies示例
"react-collapsible
浏览 4提问于2021-06-23得票数 3
我如何强迫webpack不解析节点模块中的require语句？
在下面的单元测试示例中，我希望webpack解析require('./element.js')，而只是跳过require('chai')。
这是如何做到的呢？
index.js：
'use strict';
const assert = require('chai').assert;
const element = require('./element.js');
describe('element.create', functio
浏览 3提问于2016-05-12得票数 0
回答已采纳
我正在尝试生成供应商的CSS和Javascript，但有些地方出了问题。供应商Css包含在Css和Javascript捆绑包中。
这是我的webpack配置：
module.exports = (env) => {
const optimization = {
noEmitOnErrors: true,
splitChunks: {
cacheGroups: {
polyfills: {
name: 'polyfills',
test: /polyfills|core-js|zone
浏览 11提问于2018-05-19得票数 1
我正在与webpack一起在编译器中收到一份关于生产中文件大小的通知。
您以前使用过什么样的配置来实现高性能？我在网上读了一些文章，但它们都是老版本和过时的，在目前版本的webpack里你是做什么的？
MY CONFIG:
const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = [
{
mode: "production",
entry: {
浏览 0提问于2019-03-25得票数 0
我有webpack捆绑尺寸的问题，这是由粗鲁的风格引起的…
我有许多使用materialize-css库设计的angular2组件。我使用@extend而不是将materialize-css类放在html中来封装来自html本身的库。
我遇到的问题是与webpack的捆绑包非常大，因为每个组件的sass都导入materialize-css包，并且因为组件的样式是使用raw加载器加载的，所以它被嵌入到捆绑包的js文件中。所以我得到的是每个组件都有相同materialize-css样式的巨大捆绑包。
只是为了比较，我编译了我的应用程序，所有的样式都被注释掉了，当包含样式时，包的大小是1.08MB，
浏览 0提问于2016-08-16得票数 1
我正在尝试找出我的巴别塔配置出了什么问题，webpack。构建之后，我的包中就有了node_modules 我尝试了.babel-rc、terser和awesome loader(排除/节点_模块/)的不同配置，但node_modules仍然在捆绑包中。 "webpack"："^4.41.0"， 纱线运行干净-dist && webpack -p --配置=webpack/prod.js--env.duction mode: 'production',
entry: './index.tsx',
浏览 24提问于2019-10-04得票数 0
回答已采纳
有了Webpack，我们有了入口模式，它递归地捆绑和缩小了所有的文件。但我只想手动捆绑文件列表。这个列表可以是4到5个插件到1个js文件。
像我们在Gulp上做的那样，我们在Webpack也可以做到这一点。
这种风格我知道怎么做，因为我们给出了入口点
module.exports = {
entry: {...},
output: {...},
module: {...},
plugins: [
new UglifyJSPlugin()
]
};
浏览 5提问于2017-05-26得票数 1
1回答
我们的网站是建立与沉重的node_modules。
许多重封装会导致重node_modules，并最终影响AWS的成本。
因此，我们正试图减少的总包大小，以降低一些成本。
我发现，通过与webpack分割代码，我们可以得到更多但更小的包。不过，总体尺寸并没有太大的变化。
我想知道的是，和webpack拆分代码可以节省一些AWS成本吗？
可怜的问题很抱歉，但这是我现在所能想到的。
任何好主意都会很有帮助的。
浏览 4提问于2022-05-30得票数 0
回答已采纳
1回答
我正在使用React.lazy进行基于路由的代码拆分。在某些页面中，有指向其他页面链接。在这种情况下，它还会为该链接页面创建分块。 webpack optimization: {
runtimeChunk: 'single',
splitChunks: {
cacheGroups: {
vendor: {
test: new RegExp(
/[\\/]node_modules[\\/]/,
),
chunks: &#
浏览 23提问于2021-07-30得票数 3
我使用angular-cli-1.6.3来捆绑我的项目。我尝试将延迟加载的区块名称重命名为有效的模块名称。但它不起作用。下面给出了代码片段，
{
path: 'lazy',
loadChildren: './lazy/module#LazyModule?chunkName=LazyModule'
}
浏览 26提问于2018-01-29得票数 15
回答已采纳
3回答
NSString *identifier = [[[UIDevice currentDevice] identifierForVendor] UUIDString];
上面的代码在我的两个应用程序中给出了同一手机上的两个不同的标识符-不同的捆绑包in，但在我的Apple帐户上创建了两个应用程序in和两个开发配置文件。
我的理解是，如果团队ID相同，那么这两个应用程序中供应商的标识符应该是相同的。错误在哪里？我不明白的是什么？
浏览 7提问于2013-03-21得票数 6
多亏了代码拆分，我有一个加权287kb的webpack main.bundle.js，但我的vendor.js是5mb。当用户第一次访问网站时，他将不得不下载5.2mb，它太大了。 拆分供应商的正确方式是什么，以便用户只下载运行页面所需的包，然后在后台预取所有剩余的包？ 我用的是webpack 4(我在等webpack 5得到Storybook的支持后再升级。如果在W5中有新的方法，请告诉我)。 下面是我的配置： /* eslint-env node */
const path = require("path");
const TerserPlugin = require
浏览 12提问于2021-01-23得票数 0
1回答
所以基本上我想提高我在webpack上的代码可读性。
我尝试拆分入口点，使其看起来像这样。
entry : {
dashboard : ["./scripts/monuments.js", "./scripts/dashboard.js"]
}
它将导致dashboard-bundled.js
问题是，如何从monuments.js获取变量以便在dashboard.js中使用？我需要导出它吗？或者你们可以建议一个更好的方法来拆分入口点？
浏览 1提问于2017-03-29得票数 0
2回答
没有Webpack我能用角6吗？
、、、、
我想编译我的棱角6代码，并自己打包。
没有Webpack我能用角6吗？
将.html和.css包装成.js WebPack的作业还是角CLI的作业？
浏览 0提问于2018-07-11得票数 1
回答已采纳
我正在使用webpack模板构建一个Vue应用程序。到目前为止，一切看起来都很好，但我有一个关于部署的问题。
当我运行npm run dev时，webpack会自动启动一个web服务器，所以我只需要去指定的地址就可以看到应用程序正在运行。当我运行npm run build时，webpack会捆绑所有内容，然后将指向捆绑的css/js/任何文件的链接注入到dist/index.html中。
我的问题是:为什么生产脚本不能像开发脚本那样启动web服务器？我认为这将简化部署过程，我真的看不到任何缺点……
关于webpack模板的信息：
浏览 0提问于2018-06-05得票数 0
我试图将我的应用程序与webpack捆绑在一起，然后使用SystemJS将其包含在一个父应用程序中，但我有点迷茫了。
我已经创建了包，并尝试将其转换为commonjs / umd /和设置libraryTarget。
在我的父母应用程序中，我不能通过SystemJS包含它，因为它似乎没有注册。
有没有办法在SystemJs模块中输出我的Webpack包？
浏览 2提问于2016-03-06得票数 4
1回答
我对learn做什么感到很困惑。是不是有点像Webpack的代码拆分？我应该为每个学习模块都有一个Webpack配置，还是应该一起使用它们？
我正在尝试创建模块化的react应用程序。任何其他资源也是很棒的！
谢谢。
浏览 0提问于2017-10-18得票数 2
1回答
在使用默认配置运行npm install之后，我通过默认的laravel设置使用了webpack。
在webpack.mix.js中，我有以下内容：
mix.js('resources/assets/js/init.js', 'public/js');
resources/assets/js/init.js包含以下内容：
(function ($) {
$(function () {
$('.button-collapse').sideNav();
}); // end of document ready
})(j
浏览 3提问于2017-02-23得票数 1
我正在创建一个节点/快速服务器，我正试图将其捆绑在一起，以便将其部署到IIS服务器上。我应该注意，这只是一个后端服务器。一旦我尝试在代码打包后运行它，我就会得到以下错误：
ReferenceError: __WEBPACK_EXTERNAL_MODULE_dotenv__ is not defined
at eval (webpack:///external_%22dotenv%22?:1:18)
at Object.dotenv (C:\inetpub\wwwroot\my-deployments\server\bundle.js:271:1)
at __webpac
浏览 4提问于2020-06-19得票数 1
回答已采纳
下面是我用来准备生产脚本的webpack配置
config.output.filename = '[hash].main.js';
config.module.loaders.push({
test: /\.js$/,
loaders: ['babel'],
exclude: /node_modules/,
include: path.join(__dirname, 'app'),
});
然而，出于调试的目的，我希望能够在没有任何缩小或优化的情况下生成最终的输出xxxx.main.js。
通过上面的
浏览 1提问于2017-04-09得票数 8
回答已采纳
我有一个用TypeScript写的AngularJS 1.x项目，使用的是Webpack。我现在正在尝试使用我为我的一个服务编写的示例测试来设置模块。
我遵循了来自的示例karma配置文件，所以现在就开始吧：
module.exports = function (config) {
config.set({
basePath: '../',
frameworks: ['jasmine', 'karma-typescript'],
files: [
//Add library includes h
浏览 4提问于2018-01-08得票数 4
我有一个看似非常简单的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
你好，我是新的反应和html模板，我发现使用html-webpack-插件在教程中。我的问题是，如果同样的任务可以通过简单的html文件完成，为什么要使用html-webpack-插件？
浏览 2提问于2018-01-09得票数 2
回答已采纳
为了让Django和ReactJS工作，我一直在遵循下面的教程：
我启动了一个全新的Django项目，添加了一个名为home的应用程序，但是除了本教程中概述的内容之外，我没有做任何其他事情。
无论如何，当我编译JS时，它会创建一个大约21,500行和800 is的文件。我的ReactJS文件只有大约20行，在Django应用程序中没有其他JS可谈。它看起来像是在编译virtualenv中的依赖项之类的东西。为了防止这件事？
webpack.config.js
//require our dependencies
var path = require('path')
var w
浏览 5提问于2017-01-27得票数 1
回答已采纳
当使用require.js和使用r.js创建单个文件时，我们仍然可以获得加载时间的好处吗？
换句话说，r.js生成的最后一个文件的大小超过2MB……然而，在我的代码中，我充分利用了require.js，换句话说，我只在代码中需要时才加载所需的模块。
所以问题是，是否要求js必须读取整个2MB文件才能开始工作？我的意思是，它怎么能只读取2MB文件的一部分...:/
因此，从r.js中生成单个文件可能会超过快速加载时间的目的……
不是吗？
谢谢,
肖恩。
浏览 0提问于2014-01-22得票数 0
我有一组供应商的xxx.min.js文件。之前，我使用ASP.NET优化捆绑包将所有这些文件捆绑在一个捆绑包中，效果很好。现在，我们正在迁移到ASP.NET核心，不再需要服务器端捆绑，所以我们需要使用客户端捆绑。
我也想和webpack做同样的事情。它似乎工作得不太好，因为webpack试图解释精简的代码，并抛出各种错误。但我想要一种机制，这样webpack就不会去解释这些缩小的文件，然后把这些文件粘合在一起，就像ASP.NET优化服务器端捆绑一样。
这个是可能的吗？
浏览 0提问于2017-09-22得票数 1
1回答
我试图让代码分裂与webpack 4一起工作(之前的配置与webpack 3一起正确工作)。
我创建了一个存储库来轻松地再现我的问题：
我通常会遇到以下错误，因为我希望在供应商包中进行代码拆分和babel-poly填充：
ReferenceError:未定义regeneratorRuntime
配置
这是我的webpack配置：
{
entry: {
app: ['./src/index.js'],
vendor: [
'babel-polyfill',
'moment',
],
}
浏览 0提问于2018-04-27得票数 1
回答已采纳
1回答
我是JS的新手，正在学习Webpack，我想问一些问题。第一个问题，为什么要使用Webpack从多个JS文件中创建一个包，如果我们可以使用ES6导入和导出并使用一个脚本，也就是说，最初我们有三个JS文件: one.js、two.js和three.js.In，我们使用三个脚本：
<script src="./one.js">
<script src="./two.js">
<script src="./three.js">
然后，我们使用导入和导出，这使我们能够使用一个脚本，如<script src=
浏览 1提问于2019-07-18得票数 0
1回答
我试图为一个react / redux项目创建我自己的webpack配置。配置似乎运行得很好，但是包的大小很大(在开发模式中，我知道如何在生产模式中减少)。
我的package.json看起来就像
"dependencies": {
"react": "15.4.2",
"react-dom": "15.4.2",
"react-hot-loader": "3.0.0-beta.6"
},
"devDependencies": {
浏览 1提问于2017-03-25得票数 4
我正在尝试使用require.ensure使Webpack 2为较老的浏览器创建包含多边形填充的单独包。
我的理解是，以下代码将导致创建并加载新的捆绑包whatwgFetch：
require.ensure([], (require) => {
require('whatwg-fetch')
}, 'whatwgFetch')
Webpack输出只创建了一个包，当我检查它时，我可以看到whatwg-fetch模块已经包含在其中。
我的假设基于Webpac 2代码拆分指南：
我还应该怎么做才能让webpack创建并加载一个单独的bundle？
浏览 7提问于2017-01-19得票数 1
1回答
JSPM优化缓存
、、、、
我已经完成了使用JSPM的工作流的设置，目前创建了一个包含2个大型注入和散列文件的生产包main-{hash}.min.css main-{hash}.min.js
我的问题是，将main.js文件(Angular、jQuery等)中的第三方依赖项分离到自己的vendors.js文件中是否更有效？
我的推理是，供应商文件可能不会有太多更改，用户可以维护该文件的有效缓存版本，而对源文件的任何微小更改进入main.js都将迫使用户重新下载新的main.js文件，而不是再次下载大的依赖文件。
对于这样的JSPM设置，优化缓存和防止过度使用数据的最佳方法是什么？
浏览 3提问于2016-03-29得票数 0
我正在尝试使NPM包(从这个代码)。
在这个包中，我使用。
我已经在本地项目中测试了它(不是作为一个包)，一切都运行得很好。
然后发布到NPM ()，并尝试将其用作使用create-react-app (代码：)创建的应用程序中的依赖项。
当我运行应用程序时，我收到一个错误：
Uncaught (in promise) Error: ChunkLoadError: Loading chunk 56 failed.
(missing: http://localhost:3000/56.57c19721fd329317ea9e.js)
at index.js:494
我假设这个错误与web
浏览 2提问于2019-10-31得票数 2
我正在使用webpack来构建我的react应用程序，它创建了4Mb大小的bundle.js，它非常巨大，如何减少这个大小，这是我的webpack.config.js，我还应该使用哪些插件 我正在使用的插件列表，请推荐其他插件，这些插件可以帮助减小捆绑包文件的大小，或者我的配置有什么问题。 var compressionPlugin = require('compression-webpack-plugin');
var copyWebpackPlugin = require('copy-webpack-plugin');
var extractTextWeb
浏览 54提问于2019-02-13得票数 1
1回答
我对webpack知之甚少，但对我的问题找不到简单的答案。Webpack的代码分裂是什么意思？
它是否为不同的路由创建单独的包js文件，并在客户端请求时执行ajax操作以获取这些js文件。
还是在第一次命中后正确显示第一个请求页面之后，执行异步调用从服务器获取其他单独的js文件？
在我学会如何做之前，我想知道我正在学的是什么。Webpack医生根本帮不上忙。假设你完全理解webpack的工作原理。
浏览 4提问于2016-04-20得票数 2
回答已采纳
我有一个新的symfony项目。默认情况下，它包含
-/AppBundle
-AppBundle.php
--/Controller
--/Default Controller
因为我将拥有更多的VendorName，所以我希望它位于一个名为MyProject的ApiBundle下。
我尝试过手动移动AppBundle，然后更改文件、yml文件和AppKernel中的名称空间。但是我仍然得到一个错误
Expected to find class "AppBundle\AppBundle" in file "/Applications/MAMP/htdocs/health
浏览 2提问于2017-06-12得票数 1
1回答
我使用webpack来捆绑多页应用程序的所有js。有没有一个包可以帮助“路由”应该在页面加载时运行的脚本？例如，向body元素添加属性，如"data-load-entry"？
浏览 18提问于2017-02-26得票数 0
1回答
这是我的webpack.config.js
var path = require('path');
var webpack = require('webpack');
module.exports = {
devtool: 'cheap-module-eval-source-map',
entry: [
'webpack-hot-middleware/client',
'./src/index'
],
output: {
path: path.join(__dirname,
浏览 2提问于2018-10-19得票数 0
1回答
我经常看到以浏览器为中心的javascript库，可以选择通过npm安装。
有没有理由使用npm而不是只使用<script src="cdn-url"></script>来安装它？
我加载了很多库，所以我想获取这些文件可能是个好主意，所以我不会发出太多的url请求(即使所有的请求都是针对CDN的)。
我可以通过npm安装，然后使用<script src='/node_modules/...'></script>，但是我需要使用express.static()或类似的东西使这些路径可公开访问。
我知道我可以使用web
浏览 0提问于2016-10-18得票数 0
我正在和webpack一起做一个项目。该项目使用。当我将materialize.js添加到入口文件中时，它报告Cannot resolve module 'hammerjs'下面的错误
当我打开文件时，我可以看到其中的定义，但似乎webpack无法识别它。knockout-es6中的弱映射也是如此。我的解决方案是在resolve.alias中添加对hammer.min.js的引用，但不确定这样做是否正确。
当这些依赖项与相关的库捆绑在一起时(在本例中为materialize.js )，如何让webpack识别这些依赖项
浏览 1提问于2015-05-09得票数 5
回答已采纳
我正在编写一个web应用程序，使用react和webpack作为我的模块捆绑器。到目前为止，我的jsx代码非常轻量级，整个文件夹的大小是25kb。
不过，我用webpack创建的bundle.js是2.2MB。在使用-p标志运行优化之后，它将包减少到700kb，这仍然是非常大的。
我看过这个react.min.js文件，它的大小是130kb。
有没有可能是webpack做了这么大的文件，还是我做错了什么？
webpack.config.js
var path = require('path');
var webpack = require('webpack');
浏览 115提问于2015-12-12得票数 61
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
