如何知道Webpack的4个splitChunks是否正常工作？
要知道Webpack的splitChunks是否正常工作，可以通过以下几个步骤进行检查：
- 检查Webpack配置文件：首先，确保在Webpack配置文件中正确配置了splitChunks。在配置文件中，可以设置splitChunks的各种参数，如最小尺寸、最大异步请求数等。确保这些参数的设置符合你的需求。
- 查看Webpack构建输出：运行Webpack构建命令后，观察构建输出的日志信息。如果splitChunks正常工作，你应该能够在日志中看到相关的输出信息，例如哪些模块被拆分到了单独的文件中。
- 检查生成的构建文件：查看Webpack生成的构建文件，确认是否按照预期进行了拆分。可以通过查看生成的文件名、文件大小等信息来判断是否正常工作。
- 使用Webpack Bundle Analyzer：Webpack Bundle Analyzer是一个可视化工具，可以帮助你分析Webpack生成的构建文件。通过使用该工具，你可以清晰地看到哪些模块被拆分到了不同的文件中，以及它们的大小等信息。这可以帮助你判断splitChunks是否按照预期工作。
总结起来，要判断Webpack的splitChunks是否正常工作，需要检查配置文件、构建输出、生成的构建文件，并可以借助工具进行可视化分析。这样可以确保splitChunks按照预期进行模块拆分，提高应用的性能和加载速度。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议你访问腾讯云官方网站，查找与Webpack相关的产品和文档，以获取更多详细信息。
相关·内容
我正在开发一个google chrome扩展程序，当我使用较低版本的webpack时，我用这样的方式来配置代码块：
plugins : [
new CommonsChunkPlugin( {
name : 'commons1',
filename : 'commons1.js' ,
allChunks: true,
chunks : [ 'popup','content' ],
chunksSortMode: 'manual',
浏览 1提问于2022-01-15得票数 0
回答已采纳
我试图让多个入口点与webpackDevServer一起工作。
一个入口点需要我的整个node_modules文件夹。另一个只需要一个文件，其中包含一个console.log (入口点文件)。
由于某些原因，带有单个console.log的单个文件将无法运行。
我在WebpackDevServer中测试了这个设置，所以我怀疑所有的文件至少需要WebpackDevServer才能正常工作。所以，我把我的optimization.splitChunks改为这样，：
optimization: {
splitChunks: {
cacheGroups: {
浏览 2提问于2018-09-24得票数 1
我只是在我的webpack.dev.config.js中替换了：
new webpack.optimize.CommonsChunkPlugin({ name: 'common', }),
通过
new webpack.optimization.splitChunks({ name: 'common' }),。
现在，当我想在我的终端中使用yarn start时，我有以下问题：TypeError: Cannot read property 'splitChunks' of undefined
请问如何解决这个问题？
提前谢谢你的帮助。
浏览 0提问于2018-07-30得票数 2
在从Webpacker 4升级到5之后，我在运行rails webpacker时收到一个新的错误:编译。单独运行纱线开发；工作没有问题--我似乎找不到这个错误的原因，也找不到它位于哪个文件中。在这种情况下，没有多少调试工具。如何解决splitChunks在webpacker 5中失败的问题？
错误：
➜ rails webpacker:compile
warning: parser/current is loading parser/ruby27, which recognizes
warning: 2.7.3-compliant syntax, but you are running 2.
浏览 19提问于2022-01-04得票数 1
1回答
我在将angularJs应用程序升级到Webpack4时遇到了问题。
这是我的设计：
vendor.ts
import "angular";
import "angular-i18n/de-de";
import "angular-route";
和
main.ts
import {MyAppModule} from "./my-app.app";
angular.element(document).ready(() => {
angular.bootstrap(document.body, [MyAppModu
浏览 0提问于2018-03-14得票数 3
回答已采纳
我正在和webpack一起构建一个项目，我想删除重复的自定义materialize.js库，配置如下：
const path = require('path');
const webpack = require('webpack');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
modul
浏览 18提问于2018-08-11得票数 0
回答已采纳
1回答
在webpack 4，供应商块的名称，如vendors~main~secondary.js，这是指的块，他们所涉及的地方。现在，在webpack 5中，供应商的块名是这样的：vendors-node_modules_react-dom_index_js.js，它确实不那么可读性和易懂。
关于如何回到webpack 4使用webpack 5的行为，有什么建议吗？
我想我必须用splitChunks.name来做一些事情，但是我找不到合适的函数来完成这个任务。
编辑
@ me 01的回答更彻底，更深入地了解了如何使用splitChunks.name，但我最后使用了一个简短的片段，它使我能够回到原来
浏览 4提问于2021-04-07得票数 8
回答已采纳
最近，我花了一天多的时间试图找出webpack为什么不能正常工作(这是正确的捆绑，但没有运行任何像babel这样的模块)，结果发现我试着很花哨，把我的webpack.config.js文件放在一个名为webpack/的文件夹中。
我把它移回根目录(带有package.json文件的目录，现在工作正常，但我很困扰我，当我把它放在文件夹中时，我不知道如何让它正常运行。
我遗漏了什么？如何让Webpack从根目录中的文件夹中正确运行？
这是我当前的代码webpack.config.js:
const path = require("path");
const webpack = re
浏览 1提问于2021-10-11得票数 0
1回答
这可能是个奇怪的问题，但背后的故事是：
我们希望在wordpress项目中拆分代码--根据我目前的知识，您必须明确地将JS文件导入wordpress --这就是初始文件应该具有静态名称的原因。
plugin.php
...
plugins_url('dist/index.js',__FILE__ ),
...
webpack的配置如下：
webpack.config.js
...
entry: {
index: ["@babel/polyfill", path.join( __dirname, 'src/index.tsx' )],
},
浏览 3提问于2019-11-05得票数 0
回答已采纳
我正在尝试让Webpack-4 splitChunks优化这样做：
将所有JS&CSS不放在任何入口点，而是多次使用到公共文件(CSS & JS)中。
将来自Vue组件的MiniCssExtractPlugin生成的所有CSS合并到同一个共同的CSS文件中。
我有此功能(如下所示)，但第二个"extractedStuff“规则的效果是将所有入口点代码也放入共享块中，这正是我试图通过该”测试“来防止的。“入口点”文件只是webpack存根，所有东西都在普通文件中，即使它只使用过一次。很管用，但不雅致。
是否有人知道如何将进入点排除在第二条规则之外，或者是否
浏览 2提问于2018-06-13得票数 1
Webpack 4 splitChunks all +病因
Cannot read property 'call' of undefined at ./webpack/bootstrap
如果我关掉splitChunks，一切都会好起来，但我的应用程序会增加吨兆字节。
如果我使用单配置+多条目模式，一切都会很好，但我需要两个不同的别名。
一个没有化名
一个有用于react -> preact的别名
另外，我想要splitChunks，这是可能的，只有在多重配置webpack模式.
浏览 0提问于2019-08-08得票数 1
在webpack4中：
splitChunks: {
cacheGroups: {
a: {
test: (module, chunks)=>{
chunks.every(( chunk ) => { chunk.name === 'xxx' })
}
}
},
}
在《webpack 5》中：
splitChunks: {
cacheGroups: {
a: {
test: (module, {moduleGraph, chunkGraph})=>{
浏览 92提问于2021-05-13得票数 0
1回答
当我执行'npm build‘时，控制台显示
webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.，
我使用vue-cli创建我的项目，我不知道如何更改build.js。谁能帮我？
浏览 0提问于2018-04-17得票数 0
1回答
我迁移到了Webpack 4，并根据文档设置了所有内容，然而，我的vendors.js块并没有像main.js块那样被编译。
我已经按照文档的建议将vendors放到了optimization.splitChunks.cacheGroups对象中，但没有找到使用babel编译这些"cacheGroups"的方法。
我的问题是，其中一个库有一个ES6 class，由于这个原因，现在IE11不能工作。
我的webpack optimization对象看起来像这样：
optimization: {
splitChunks: {
cacheGroups: {
浏览 3提问于2018-08-27得票数 2
回答已采纳
我有几个SCSS主题文件，我想提取到CSS文件，然后加载到页面。我希望能够使用contenthash进行长期缓存。
由于我使用Webpack 4，我也使用。我开始在webpack配置中创建一个splitChunks。
// webpack.config.js
module.exports = {
plugins: [
new MiniCssExtractPlugin({
// Options similar to the same options in webpackOptions.output
// both options are optional
浏览 1提问于2018-04-20得票数 11
回答已采纳
在webpack 4的配置中，我有以下几点：
optimization: {
runtimeChunk: 'single',
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all'
}
}
}
}
从命令行运行webpack，我在生成的输出中看到三个文件：
浏览 2提问于2018-11-09得票数 0
配置webpack，我想知道一些优化的东西。我有两个JS文件index.js和helper.js。我是这样在helper.js中导入index.js的：
import * as helper from 'helper.js';
在这两个JS文件中，我导入了一些node_modules。
关于，为了防止重复代码和缓存，您可以这样做：
const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const Htm
浏览 2提问于2019-06-20得票数 0
回答已采纳
如何为我的gutenberg块设置webpack以提取多个css文件，并根据样式表的名称将这些文件捆绑在一起。 扎克·戈登在《webpack 3》中使用了提取文本插件，效果非常出色。但是在使用webpack 4时，我不得不切换到mini-css-extract-plugin，在这个插件中，我不能再让它工作了。 请看下面我的当前设置，这样您就可以看到我正在尝试做什么。 这是我的项目文件夹： Plugin folder
|-- [src]
| |-- [block1]
| | |-- block1.js
| | |-- style.scss
| | `-- edito
浏览 68提问于2019-04-14得票数 8
回答已采纳
我想不出如何把我现有的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
回答已采纳
下面是我在webpack.config.js中用来创建块的代码： optimization: {
runtimeChunk: 'single',
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all'
},
},
},
} 我有应用，主，运行时和供应商的区块，供应商的大小非常大。我希望在我的Reac
浏览 16提问于2020-09-20得票数 0
如果我只使用JavaScript，我的Chrome扩展程序就能正常工作。
当我尝试TypeScript + Webpack时，我面临的问题是找不到foo函数。
未定义ReferenceError: foo
manifest.json：
"content_scripts":
[
{
"js": ["global.js", "content.js"],
"matches": ["https://*.my-domain.com/*&
浏览 6提问于2022-08-26得票数 1
回答已采纳
1回答
我了解webpack 4所做的伟大工作，特别是在重写代码分裂插件方面。但是，由于它还有点新，所以我找不到关于新SplitChunksPlugin的好文档。
我很难理解所选术语的含义。例如：
块：有三个可能的值“初始”、“异步”和“全部”。什么意思？起始块是条目吗？异步动态导入？所有都是初始+异步吗？如果我使用初始值，那么我的动态导入块将不会利用代码拆分？例如：main.tsx动态地导入about.tsx，它可以正常地导入about.tsx。Lodash不会被抽到供应商的包里？
强制执行：我看到了很多设置强制执行的信任:真，这意味着什么？
为了获得更好的上下文，我发布了一个splitChunks
浏览 1提问于2018-05-22得票数 7
我们有一个遗留的多页面应用程序，其中每个页面都有自己的js文件。我们使用了Webpack 4，现在我们也开始使用react了。我想将react包从我们自己的代码中分离出来。因此，每个页面加载自己的旧pageXJS.js文件、新的pageXReact.js文件和react.bundle.js
我们有一个下面的webpack配置，它几乎可以正常工作。
const path = require('path');
const webpack = require('webpack');
const jsModuleFolder = './src/main/res
浏览 0提问于2020-06-02得票数 0
1回答
我已经用vuejs制作了一个示例应用程序，并尝试更改端口号。然而，这似乎不起作用，因为我在该特定端口上的连接被拒绝，就像在该端口上没有任何服务。
所以我在我的vuejs项目的根目录下创建了一个vue.config.js文件。此配置文件如下所示：
const BundleTracker = require("webpack-bundle-tracker");
module.exports = {
outputDir: './dist/',
chainWebpack: config => {
config.optimization
浏览 11提问于2019-08-18得票数 0
回答已采纳
我收到了这个错误
错误：webpack.optimize.CommonsChunkPlugin已被删除，请改用config.optimization.splitChunks。
new webpack.optimize.CommonsChunkPlugin({
filename: DEBUG ? 'bundle.js' : 'bundle.min.js',
name: "vendor"
})
浏览 3提问于2019-04-04得票数 7
回答已采纳
我希望修改 splitChunks.automaticNameDelimiter 使用Vue CLI时的Webpack设置 设置，但我不太理解所需的语法。 此缺省分隔符字符是 这会导致我试图上传应用程序的环境出现问题。我想用 而不是分隔符。 Vue CLI文档 修改插件的选项 建议我应该这样做： // vue.config.js
module.exports = {
productionSourceMap: false,
publicPath: '/app/',
chainWebpack: config => {
config
.plu
浏览 206提问于2021-03-02得票数 0
回答已采纳
1回答
webpack共块的入口点
、、、、
我的webpack配置有一个由多个入口点使用的“公共”块。除了包含多个入口点使用的代码之外，我还想在加载时调用一个函数。
我尝试使用与块同名的“公共”入口点，但是虽然我可以在生成的输出中看到公共文件的内容，但它不会在加载时运行。
我想这是因为Webpack的
如果splitChunks.name与入口点名称匹配，则将移除入口点。
有什么方法可以绕过这个问题，得到一个“公共”块来在负载中运行某些东西吗？
我webpack的配置条目是：
entry: {
common: './src/entryPoints/common.tsx',
entry1 '
浏览 3提问于2020-11-19得票数 3
当我运行npm run dev mini-css-extract-plugin捆绑时，但当我运行npm run server时，mini-css-extract-plugin不捆绑。
const path = require('path');
const webpack = require('webpack');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
const MiniCssExtractPlugin = require('mini-css-extract-p
浏览 3提问于2018-05-22得票数 6
有没有人能给我解释一下splitChunks.chunks设置和splitChunks.cacheGroups.{cacheGroup}.test设置在Webpack的SplitChunksPlugin里面有什么区别？特别是当它们都在一个缓存组中使用时。 该文档在这方面没有太大帮助，因此感谢帮助
浏览 65提问于2019-09-24得票数 0
我目前正在进行从webpack4到webpack5的迁移。我对绑定的JS的URL有问题(在我的例子中是client.js)。
这个请求应该是两个不同的请求。下面是一张关于webpack4的图片：
这是客户端的条目：
// ...
name: 'client',
target: 'web',
devtool: 'source-map',
entry: {
client: ['@babel/polyfill', './src/client.js'],
},
// ...
这是输出：
// ...
浏览 10提问于2022-06-14得票数 0
在我的项目中尝试使用webpack中的splitChunks选项时出现错误。生成的main.js/index.js文件抛出一个错误：TypeError: modules[moduleId] is undefined另一个生成的文件，vendors.js (包括我的node_modules)失败，返回：ReferenceError: exports is not defined它看起来vendors.js文件没有得到main.js文件得到的相同的webpack样板脚手架函数，这是我猜测为什么会发生这种情况。我使用HtmlWebPackPlugin自动将我的所有脚本引用注入到html页面中，并看
浏览 95提问于2019-05-13得票数 1
我正在为一个NodeJS 8.x (AWS )生成包，并希望有选择地缩小块(业务代码保持非小型化，第三方库将被缩小以节省包的大小)。
我已经将Webpack配置如下，但我的主包无法工作，因为它构建时不能要求其他文件(每个npm依赖项只有一个文件)。我如何配置WebPack以产生在NodeJS中彼此需要的块？
splitChunks: {
chunks: 'all',
maxInitialRequests: Infinity,
minSize: 0,
cacheGroups: {
vendor: {
test
浏览 0提问于2019-01-25得票数 1
回答已采纳
我构建了一个react项目，并使用express运行生产。 这是工作，但下一步我会和webpack一起使用optimization.splitChunks。 optimization: {
runtimeChunk: 'single',
splitChunks: {
chunks: 'all',
maxInitialRequests: Infinity,
minSize: 0,
cacheGroups: {
vendor: {
浏览 9提问于2019-10-16得票数 1
我试图使用Webpack4中的优化来创建单个供应商块文件。即使在阅读了这些文档之后，我也有点不明白命名是如何工作的。
...
output: {
path: path.resolve(__dirname, 'dist'),
filename: "RootSite/SiteAssets/js/[Name]_bundle.js",
libraryTarget: "var",
library: ["spdict", "[name]"],
},
...
optimization: {
浏览 0提问于2018-06-08得票数 0
回答已采纳
1回答
我想在vuecli vue.config.js中使用不同的webpack配置，用于生产和开发 目前在我的项目中，我有一个vue.config.js，它具有 module.exports = {
configureWebpack: {
optimization: {
splitChunks: {
...splint chunks configuration
}
}
}
} 上面的代码在开发和生产中都运行拼板块配置。如何将不同的开发配置和生产配置分开？ 我也尝试过添加 devServer: {
config
浏览 13提问于2019-12-19得票数 0
splitChunks在生产和开发模式下输出不同的文件是正常的吗？是否可以确保输出文件的数量/名称在不同模式下相同？ 这是我的配置： splitChunks: {
cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/i,
chunks: "all",
reuseExistingChunk: true
}
}
}
浏览 19提问于2019-09-06得票数 1
我有如下的Webpack配置。我的应用程序由一堆部署到AWS Lambdas的脚本组成，因此目标是Node和CommonJS。每个脚本都是入口点，但为了示例起见，我将其限制为两个。
入口点通常彼此使用相同的库/依赖项，因此生成的文件包含大量重复项，我正在努力减少这些重复项。
我添加了包含splitChunks的optimization部分，/dist中的输出文件看起来要好得多。每个入口点文件都减少了很多，并且新的vendor.js更大了。总文件大小减少了5倍以上。
问题是这样做破坏了我的应用程序。它不再能够正确地解析依赖关系。我让Webpack进入开发模式，这样我就可以略读输出了。我检查了生成
浏览 22提问于2021-05-25得票数 2
回答已采纳
我已经用Django，Vue和Docker(-compose)构建了一个简单的SPA应用程序。
由于我已经完成了应用程序的开发，我现在正在为生产环境做准备，即使用bundle.js和bundle.css文件。
当我试图加载主页面http://localhost:8000时，没有加载CSS或JS，因为我在浏览器的控制台中得到了这个错误：
GET http://0.0.0.0:8080/bundle.css net::ERR_CONNECTION_REFUSED
GET http://0.0.0.0:8080/bundle.js net::ERR_CONNECTION_REFUSED
我真的不知道
浏览 1提问于2019-05-30得票数 6
我已经拔了三个星期的头发试图让这个工作，我不知道在我的理解差距在哪里。
我正在为可授权的CMS构建一个组件库。我的愿景是拥有一组n个细入口点，所有这些都将具有静态导入的依赖关系，当入口点通过脚本标记运行时，这些依赖项将被请求。
根据我的理解，webpack可以通过splitChunks插件将共享的依赖合并在一起，而这些依赖可以通过捆绑加载器插件自动加载。
但是，当我通过脚本标记调用entrypoint包时，自动依赖导入不会发生--只有当我在源文件中使用动态import()语法时才会发生动态导入--但这是因为import()本身是动态的。
我如何配置webpack来拉出静态依赖的块？
浏览 0提问于2018-08-05得票数 2
我正在研究我的代码分裂逻辑，我想分割firebase块。
所以我在splitChunks配置上在webpack.config.ts上登出了这个webpack.config.ts
webpack.config.ts
optimization: {
...,
splitChunks: {
chunks: "all",
cacheGroups: {
firebase: {
test: /[\\/]node_modules[\\/].*firebase/,
name: (module: webpack.Module, chu
浏览 3提问于2021-01-19得票数 0
我使用的是角6MVC应用程序与webpack构建。它在页面加载或重定向时随机抛出一个"loadChunkError":true"，发生错误后，角路由无法工作，并不断抛出控制台错误。
注意:一旦我清除了浏览器缓存，然后路由就可以正常工作了。
Webpack文件
const webpack = require("webpack");
const path = require("path")；
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const Htm
浏览 1提问于2018-09-07得票数 3
回答已采纳
我有一个看似非常简单的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 4的引入，splitChunks.name被用来定义拆分块的名称。在这里，文档说可以将键映射到自定义命名的函数： https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksname 它接受参数module，chunks，cacheGroupKey。这些参数的文档有点缺乏，但我可以使用直觉来说明一些参数。即，cacheGroupKey属于splitChunks.cacheGroups中定义的键。我认为chunks是共享公共代码的块，是cacheGroupKey块的一部分，但任何地方都没有关于这一点的官方文档
浏览 37提问于2019-04-17得票数 4
回答已采纳
我在和splitChunks做斗争，在类似的发帖问题上我似乎找不到合适的答案。也许我的方法是错误的。
我想从我的核心包(ui.js)中删除一个公共模块数组，并将它们放在一个单独的文件(inline.js)中。
webpack.config.js
module.exports = {
entry: {
inline: [
'./src/utils/namespace/namespace.js',
'./src/core/pubsub/pubsub.js',
'./src/core/rum/rum.js
浏览 0提问于2018-08-02得票数 0
回答已采纳
目前，我正在将一些从Webpack v4迁移到v5，并且我被产出的输出卡住了。
在webpack配置中，我使用单文件条目& splitChunks选项将游戏代码与我正在使用的库分开。
optimization: {
splitChunks: {
chunks: "all",
},
}
产出-
output: {
path: path.resolve(__dirname, "dist"),
filename: "game.[contenthash
浏览 6提问于2021-02-06得票数 5
这是我的app.js文件中导入列表的一部分：
import "jsgrid"
import "./../node_modules/jsgrid/dist/jsgrid.css";
import "./../node_modules/jsgrid/dist/jsgrid-theme.css";
import "jstree";
import "./../node_modules/jstree/dist/themes/default/style.css";
这是我的webpack.config：
var path =
浏览 12提问于2018-08-21得票数 0
我构建的块太大了，所以我试着把它们分成更小的块。当我在cacheGroup上设置minChunks 时，它会阻止该组的构建，并且没有提供任何错误。我在配置中做错了什么？
// webpack.common.js
entry: {
build: path.join(setPath('src'), 'main.js')
},
output: {
path: setPath('dist'),
publicPath: '/',
filename: 'js/[name].[hash:8].js
浏览 0提问于2018-05-04得票数 2
如何获得由webpack4生成的大杂烩值，以便在index.html中使用它来正确设置脚本src？
简介:希望这不是一个愚蠢的问题，因为我完全是webpack的新手，今天开始学习。我知道如何配置、提取js、css、缩小它们，以及所有非常基本的操作。
这是我的webpack.config.js
const path = require('path')
const webpack = require('webpack')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
c
浏览 2提问于2019-08-25得票数 3
回答已采纳
1回答
我正在尝试注入到Webpack项目中，面临着以下情况。我有两个入口点：about和feedback。
about导入feedback，而about和feedback都连接到该页面。因此，feedback中的代码会重复两次。
问:如何在不包含代码的情况下将feedback导入about？就是让Webpack从另一个文件导入一个模块。
我知道optimization.splitChunks的事。在我的情况下，它并不合适。事实是，我可能有许多组件连接在不同的页面上(可能一次连接几个)。将它们组合成一个块并在任何地方连接都是不可取的。
浏览 0提问于2019-04-03得票数 2
我当前的应用程序是使用Rails和React/Typescript设置的。我在试着设置热重装。
以下是当前文件夹结构
Project Root
- app => all the rails code
- frontend => all the react code
- webpack => list of configuration files, like development.js and production.js
这个项目没有使用react_on_rails或webpacker。前端代码与后端代码保持分离。Rails后端提供一个html。
<div
浏览 0提问于2019-06-15得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
