Webpack 4.x how to package multi-page files (no vue react)

how does webpack 4.x package multi-page files? What if the project introduces some jquery plug-ins? The tutorial entry file I see is the index.js, under src and the main.js under dist. So did you pack all the js, css and so on together? Do you need to introduce this overall main.js on some pages that you don"t need? Isn"t that bloated? -sharp-sharp-sharp problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Javascript webpack

Apr.03,2021

it is recommended that you read the document in its entirety: https://webpack.js.org/concep.

Multi-entry configuration is as follows:

module.exports = {
  entry: {
    app: './src/app.js',
    search: './src/search.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  }
};

// writes to disk: ./dist/app.js, ./dist/search.js

I still suggest you Baidu. I think Baidu is much more nutritious than your question, because your question is a public problem. Many articles and tutorials on the Internet have been introduced in detail

Previous: Is React's project built on scaffolding or on its own?

Next: How to tell if the Windows is a PC or a tablet?

Using HtmlWebpackPlugin to dynamically inject compiled files, output settings are useless
study online tutorials learn to package projects using webpack, a simple code implementation. the entry file index.html of the interface is as follows: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu...

Javascript webpack

Feb.26,2021
How does create-react-app support es7's stage-0 proposal without eject?
refer to antd s custom scheme, introduce babel-plugin-import and react-app-rewired, and add .bablrc file, but not successfully is it necessary to eject? how to make create-react-app support stage-0, without eject? ...

Javascript webpack create-react-app react.js

Feb.28,2021
How to use the server's system environment variables in configuration files such as vue,webpack project, prod.env.js under config, etc.
what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it module.exports = { NODE_ENV: "production" , ENV_CONFIG: ...

Javascript webpack vue.js

Mar.01,2021
How to package components with vue webpack-simple in order to use them directly
I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components. it s a pity that I...

Javascript webpack vue.js

Mar.02,2021
How does webpack-dev-server cause browser refresh or module replacement?
I wrote a command line tool based on webpack , using webpack-dev-server . Modifying the file does not cause page reload or module overload, as shown below: modifying files can cause compiled refresh to see the modified content websocket receive...

Browser javascript webpack

Mar.02,2021
Webpack 95% emitting, can be started.
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...

Javascript webpack vue.js front-end

Mar.03,2021
How to solve the online Cross-Domain problem by axios
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...

Javascript webpack vue.js front-end

Mar.05,2021
How to embed an external website in a vue single-page application?
now there is a need to embed an external site in a background management site as a menu item. Similar to the iframe, click menu, the specified path resources are loaded in the iframe to refresh the local content. But it always feels strange to use iframe...

Javascript webpack vue.js

Mar.07,2021
It does not work to use Vue in index.html under webpack
without Webpack: this simple example is fine. Open it on the browser and you can see "hello " <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

Javascript webpack vue.js

Mar.09,2021
Repeated references to react after webpack react is packaged with dll causes the bundle to be too large
use webpack dll to package dependent packages and put react into the module packaged by dll. when the packaging is complete, the app.bundle.js still contains the source code of react. Could you tell me what to do with the change? webpack.dll.js modu...

React.js javascript webpack

Mar.10,2021
Hash,chunkhash,contenthash
when learning to use the extract-text-webpack-plugin plug-in an error occurs when the extraction file uses contenthash, but there is no error using hash, and chunkhash ...

Node.js javascript webpack

Mar.10,2021
If the configuration files of webpack are all in the build folder, how can I find that file in script?
the project structure is like this now I want to use the configuration file in build, how should I write it in packagejson package.json { "name": "vuewebpack4", "version": "1.0.0", "description&qu...

Javascript webpack

Mar.11,2021
Browser access error after webpack-dev-server running.
the project structure is shown in the following figure webpack.config.js can be accessed normally, checked a large amount of information, but do not know what went wrong, webpack-dev-server running HTTP server, life or death is a problem. Would yo...

Node.js javascript webpack-dev-server webpack

Mar.12,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
Webpack handles how externally introduced script files are configured.
is a multi-page project, and a script local file must be introduced in the header. if you use HtmlWebpackPlugin, can you specify that one of the files is inserted in front of head and the other body is inserted in front of it. I tried to introduce th...

React.js javascript webpack

Mar.14,2021
How webpack4 does not package specified files, such as bootstrap.min.css
for example, I want to use bootstrap.min.css, but do not want to package it but call it directly (packing error, no solution can be found) ...

Html css javascript webpack

Mar.16,2021
The problem that referencing js in webpack will package all js of the same level directory
< H2 > problem description < H2 > this is the weex project. Weex does not support writing local images directly in src. So I converted all the images to base64 values and then referenced the base64 to achieve the same effect. However, there is a p...

Javascript webpack npm node.js

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
Why not use the source code when debugging the dvajs project?
.webpackrc is configured with source-map, but when debugging, it does not show the local source code. Where should it be configured? ...

Javascript webpack dva.js

Mar.18,2021
Webpack version migration error, solve!
solve the problem as shown in the picture ~ I can t see the original picture clearly! ...

Html5 javascript webpack

Mar.18,2021