What is the role of entry.vendor in webpack configuration

has not carefully studied the common code extraction of webpack before, and recently the project began to look back after bug, but after looking for a lot of information, there is a problem that has not been solved, that is, the relationship between entry.vendor and CommonChunkPlugin?

guess 1: the packages defined in vendor [] must be extracted as public dependencies vendor.js, but other dependencies will be introduced according to the configuration of CommonsChunkPlugin.

conjecture 2: only the packages defined in vendor [] will be extracted as public dependencies vendor.js other dependencies will not.

I am more inclined to guess one, but there is no detailed evidence on the data, so I would like to ask you.

Webpack javascript

Mar.09,2021

vendor means dependent third-party libraries that do not change frequently, such as jQuery in your code
CommonsChunkPlugin refers to the chunks that you have repeatedly quoted. It could be vendor, or one of your own common components

Previous: Webpack packaged vue multi-page application, how to choose whether to introduce some statistical codes according to the different development environment

Next: How to invoke the service of zuul proxy through feign

Report to babel of undefined after webpack4.1 configuration is completed
webpack project upgrade version configuration is as follows: webpack.json "scripts": { "dev": "webpack --mode development", "build": "webpack --mode production", "watch": &quo...

Node.js webpack javascript

Feb.27,2021
A novice runs webpack and reports an error: unknown property 'loaders'..
webpack.config.js: var webpack = require( webpack ); var path = require("path"); module.exports = { entry: . src app.js , output: { path: path.resolve(__dirname, . bin ), filename: app.bundle.js ...

Vue.js webpack javascript

Feb.28,2021
What is the purpose of _ _ webpack_require__.i?
identity function for calling harmony imports with the correct context __webpack_require__.i = function(value) { return value; }; After webpack is packaged, there will be a function, what is the function of this function? The comments are not unders...

Webpack javascript

Feb.28,2021
Learning webpack, error occurred when starting the local server after installing webpack
I changed the dev of scripts in package.json to "dev ": "webpack-dev-server-- open ", but there was no page effect. document structure: :webpack-dev-serverdev package.json:mainjsindex.jsindex.jsdistjsbundle.jsbundle.js webpack.config.js:contentBase...

Webpack javascript

Mar.01,2021
UglifyJs reported an error during npm run build
as shown in the picture, the following error is reported when packing, the reason is unknown! ERROR in static js vendor.c6cf6d8258be562986f2.js from UglifyJs ...

Vue.js webpack javascript

Mar.02,2021
Why do I configure babel-loader, on webpackp but report an error when I use the extension operator? Or how can the extension operator be rewritten to look like es5?
this is the configuration in webpack: { test: .jsx$ , exclude: (node_modules) , use: { loader: babel-loader , options: { presets: [ env , react ] ...

React.js webpack javascript

Mar.03,2021
How webpack3 eslint displays errors on browsers
I don t know which property to set so that the error prompt of eslint is displayed on the browser ...

Webpack javascript

Mar.03,2021
Why did Webpack introduce eval mode to generate JavaScript code
recently looking at the JavaScript, generated by Webpack, there is a question that I don t understand: why should Webpack provide the mode of eval , wrapping the generated code of the module with eval ? the discussion here is not limited to devtoo...

Eval front-end webpack javascript

Mar.03,2021
The packaged css file after webpack sub-environment configuration cannot replace the correct image path.
this is the source code for the configuration: const path = require( path ) const webpack = require( webpack ) const CleanWebpackPlugin = require( clean-webpack-plugin ) const ExtractTextPlugin = require( extract-text-webpack-plugin ) const pag...

Webpack javascript

Mar.03,2021
There are some problems in building vue environment with webpack.
I refer to the picture in the style tag in the .vue file template style webpack where assetsPath ( images [name]. [hash: 7]. [ext] ) is static images [name]. [hash: 7]. [ext] ...

Vue.js webpack javascript

Mar.04,2021
ProxyTable satisfies two conditions at the same time (one of which is non)
satisfies both the beginning of api and the need to forward to aaa, api order to bbb. api : { target: http: dev.api.aaa.cn , changeOrigin: true }, api order : { target: http: dev.api.bbb.cn , changeOr...

Node.js webpack javascript vue.js

Mar.04,2021
Webpack font file path problem
webpack is configured as follows output: { path: path.resolve(__dirname, .. .. public static dev ), filename: js [name].js filename: js [name]_[chunkhash:8].js }, module: { rules: [ { test: .(woff2?|...

Webpack javascript

Mar.05,2021
The content of the third-party package of the development environment (npm run dev) and the production environment (npm run build) import is inconsistent?
Hello, everyone. in the package import rc-scroll-anim , there was no problem with the development in dev environment, but an error was reported when it was run after compilation. After typing log, I found that the content of import in the two modes wa...

Next.js webpack javascript react.js

Mar.05,2021
Why didn't the file be generated after webpack npm start?
after webpack npm start, there is no error, but why is there no build.js file generated in my build folder ...

Webpack javascript

Mar.06,2021
How to automatically add the generated vendor.js file to each HTML after using the DLLPlugin method with WEBPACK
the same third-party dependency libraries are import in the js of each module, so they are repeatedly packaged when they are packaged. Now I just want to package these basically unchanged ones only once and then lead them to each html. How do I do this? ...

Webpack javascript

Mar.07,2021
For the react project created by create-react-app, npm run start cannot start the project after using webpack?
react project created by create-react-app, after using webpack, always report thisCompilation of undefined, how to configure this, please give me some advice! ...

Webpack javascript

Mar.09,2021
In the process of continuous integration, when the front-end files are packaged and put on the CDN, how to automatically inform the back-end which version of the files should be taken?
if the title, mainly the front-end code released to CDN, and CDN will co-exist multiple versions, according to access to information, found that there is a way is the front-end in the compilation process, will record the newly packaged file hash file nam...

Gitlab webpack javascript

Mar.09,2021
There is an error in installing Alibaba's rax. How to solve it?
...

Webpack javascript

Mar.09,2021
The warning issued by autoprefixer, how to solve it?
in webpack-dev-server development mode, display:flex will issue the above warning after using autoprefixer . Do you know the solution ? ...

Webpack javascript css

Mar.09,2021
Cannot add less to react, solution using webpack
webpack4.x less has been introduced and used in the H1 tag, but there is no style on the final page. index.js index.less webpack.dev.js : ...

Less react.js webpack javascript front-end

Mar.09,2021