SplitChunksPlugin configuration items for webpack4

SplitChunksPlugin"s configuration item maxInitialRequests defaults to 3 and maxAsyncRequests defaults to 5

my understanding is that a module, in the whole packaging process, if the maximum number of Synchronize import is 3 and the maximum number of asynchronous import is 5, it will be packaged separately in a separate file.

doubt: shouldn"t it be the minimum number of times? MinInitialRequests and minAsyncRequests.

the more modules a module depends on, the more necessary it is to be packaged into a separate file, isn"t it?

Webpack4

Mar.14,2021

although time has passed, I still write my own thoughts

maxInitialRequests : this is the number of script js references in the template file index.html , excluding runtime.bundle.js generated by optimization.runtimeChunk . If there are more, there will be more requests for additional downloads, which may not be cost-effective. You can set it to 1 to see the effect.

send out an online tool site by the way: programmer navigation

Previous: What does config mean in selectone?

Next: Nextjs failed to introduce antd and reported an error

The project cannot be packaged after webpack is updated to 4.5
I just updated the related dependencies of my project build : how should this situation be solved ...

Vue.js webpack webpack4

Mar.01,2021
Webpack Packaging has been configured vue-loader package still reports an error You may need an appropriate loader. when packaged
webpack packaging has been configured with vue-loader, but still reported an error when packaging webpack.config.js const path = require( path ); module.exports = { entry: __dirname+" app index.js", output: { path: __dirn...

Webpack4 vue.js

Mar.04,2021
Webpack4.6.0+webpack-dev-server3.1.3+html-webpack-plugin3.2.0 reported an error
npm run dev: and the port number is still 8080, not 5555, so ask God for advice on where the problem is. node version is 8.10.0 npm version is 5.6.0 ...

Node.js webpack-dev-server webpack4

Mar.04,2021
Webpack4 configuration html template or style of sass inside .art template does not work, how to configure Loader
.art template, the same configuration does not work in the htm template. I have seen that there is no special configuration for webpack in vue-cli. It can be used normally with node-sass and sass-loader. I don t know why I can t use it like this? web...

Webpack4 webpack

Mar.04,2021
Webpack module refers to multiple packaging issues
currently using: minChunks: (module, count) => ( count >= 2 ) you can package modules that reference more than twice; but what I want to achieve is that modules that are referenced many times package separately, rather than all in one fil...

Webpack4 webpack

Mar.05,2021
Webpack4 package, 'babel' of undefined,babel-loader is uninstalled, reinstallation is not allowed, online, etc.
...

Webpack4 javascript

Mar.06,2021
How to match part of the code block through webpack packaging?
eg: ifisProd{ do something for prods }else{ do something for others } webpack do something for prods There is a corresponding plug-in in gulp, which is via regular matching Filter. No corresponding plug-ins have been found i...

Vue.js react.js webpack4 webpack

Mar.07,2021
The problem of css scope in vue
css file mode import . index.less is introduced into vue. After being packaged in this way, all css are global styles. Is there any way to solve this problem? if style tags are officially recommended to add scope, css encounters a problem that css...

Css webpack4 less vue.js

Mar.12,2021
About webpack unable to create bundle.js file
I am a novice. According to the tutorial, I can t create a bundle.js file. I don t know what s wrong. I am using partial installation bundle.js has been unable to generate under the webpack,public folder ...

Getting-started-with-webpack4 webpack webpack

Mar.12,2021
Webpack4 configuration Public JS and CSS are not packaged, only do separate compression
there are common.js and env.js, as well as base.scss coming in through require. There is also a Jquery HtmlWebpackPlugin 1.common.jsenv.jsJSbase.scsscss2.JSJquery 3. Is there any way to package public files separately, Jquery and common,env separ...

Webpack4 webpack

Mar.12,2021
How to use the index.html file as the entry file to package?
in general, take the html file as the entry, automatically find dependent images, css and js, and then name and package them with hash. The referenced images of the new html file, css and js, will be changed to the new name with the hash code. I have ...

Webpack webpack4 javascript html css

Mar.13,2021
How to implement webpack two entry files refer to the same content, one with presets and the other without
there are now two entry files --src |--- a.js |--- b.js a.js class Test{ constructor(){ this.a = 123; } show = ()=>{ console.log(this.a) } } export default new Test(); b.js import ". a" webapck...

Node.js javascript webpack webpack4

Mar.14,2021
The vue component library packaged by webpack4.8.3 cannot be used in projects built by webpack3.6.0
at present, I intend to make my own VUE component library, so I use webpack4.8.3 as a build tool from scratch, but the built component library files can be used normally in projects built by webpack4.8.3, but they cannot be used in projects built by web...

Webpack2 vue.js webpack4

Mar.14,2021
Wepack4 configuration webpack-dev-server error
const validateSchema = process.webpackModule.validateSchema; ^ TypeError: Cannot read property validateSchema of undefined at Object. (E:wampwamp64wwwKaoyannode_moduleswebpack-clibinconvert-argv.js:7:46) webpackconfig.js const webpack = requir...

Webpack-dev-server webpack webpack4

Mar.16,2021
Why can HMR only be used in a development environment, but not in a production environment?
as described in the title ...

Hmr webpack4 webpack javascript

Mar.16,2021
What is the advantage of splitChunk over CommonsChunkPlugin?
https: medium.com webpack we. read this English article and didn t understand the meaning at all. It is said that the relationship between Chunk in the previous CommonsChunkPlugin is a parent-child relationship, which does not exist in splitChunk. ...

Javascript webpack4 webpack

Mar.17,2021
After webpack+babel uses the transform-object-rest-spread plug-in, the size of the main.js file increases several times.
because the DatePicker in iviewui needs extension operations, but the size of the main.js file generated by adding the transform-object-rest-spread plug-in increases several times .babelrc as follows { "presets": ["env"], "...

Babel-preset-env webpack4

Mar.20,2021
Webpack4 packing error webpack-dev-server
Packaging error occurs after upgrading project files to modify webpack.config.js, with webpack4.* ERROR in multi (webpack)-dev-server client?http: localhost:8080 . src Module not found: Error: Can t resolve . src in F: HappyMmall mall @ m...

Webpack4 webpack-dev-server

Mar.22,2021
Webpack configuration issu
"wds ": Invalid configuration object. Webpack has been initialised using a configuration object thatdoes not match the API schema. configuration.module.rules [1] .use should be one of these: non-emptystring | function | object {loader?, options?, ...

Webpack4

Mar.22,2021
Webpack4 build failed
build the mpvue project according to http: mpvue.com mpvue -sharp_3. The error is as follows: function generateLoaders (loader, loaderOptions) in unitls.js { var ExtractTextPlugin = require( extract-text-webpack-plugin ) var MiniCssExtractPlu...

Vue.js mpvue webpack webpack4

Mar.23,2021