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.scsscss
2.JSJquery
3. Is there any way to package public files separately, Jquery and common,env separately, and base
first of all, the configuration you posted is not to extract jquery at all, but to extract all js files and type them into packages called jquery .
cacheGroups: {
common: {
//
test: path.resolve(__dirname, '../src/assets/js/common'),
name: "commmon-test",
chunks: "all",
enforce: true
}
} node_modules can be configured in this way. By the same token, if your jquery is installed through npm , I can't try to extract it. The style file is the same, but there is a problem with the style file. Although webpack everything is a module, the style file is still logically extracted from js , generating base.css at the same time, there will be an extra base.js file (basically empty).
is also the answer that has been answered under another answer. Packages like jquery can be introduced directly into html, using cdn (or other paths). In webpack, you can solve the introduction by configuring externals .
is a direct separation of js files
here is a webpack4 example, you can check https://github.com/crlang/eas..
vendor configuration item for js separate package
css separate package extract-text-webpack-plugin
Previous: Webpack3.x packing problem?
Next: How java converts word documents of type xml to documents of type word
.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...
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...
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...
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 ...
as described in the title ...
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. ...
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...
problem description use nodejs for server rendering and pug for rendering templates. Static resources are packaged through webpack. In order to solve the caching problem, how can webpack or gulp insert the static resource path with hash into the pug? ...
webpack.config.js module.exports = { entry: { index: . index.js }, output: { filename: [name].js } }; as shown above, the entry file is index.js , and there are main.css , logo.png and other files in the sam...
problem description my application is a multi-page application. The entry is src a index.js src b index.js . a pages are packaged into a.js b pages and packaged into b.js , where entrances an and b have common codes x.js a, common codes x-a.js b...
I have been studying webpack4, recently. To be honest, I am being tortured crazy and myself, because I like to study problems deeply, and it also brings me a lot of pain. For details, you can see my home page, recent questions (some questions that you m...
recently, in learning webpack4, I found a lot of differences from the previous version, the most significant is the handling of css, in version 4.8 of webpack can also run css compression, the current version does not support, but also drunk, I now do n...
webpack entry file import a css file, as shown in the following figure, but we all specify that there are only styles in the css file and there is no exports,. Won t there be an error if you can import the css file? Did css-loader convert it into a mod...
problem description webpack configuration the environmental background of the problems and what methods you have tried if you delete resolve: {.}, you will not get an error. is it possible that these two methods cannot be used together? Or i...
use HtmlWebpackPlugin const HtmlWebpackPlugin = require( html-webpack-plugin ); module.exports = { plugins: [new HtmlWebpackPlugin()] }; Terminal gets a warning Entrypoint undefined = index.html "webpack": "^4.12.0"...
I use webpack4 and then the config folder in the project contains dev.config.json and prod.config.json . I want to control which configuration file is introduced through environment variables at the front end. Here s what I m doing right now, as fo...
problem description ` in the process of server rendering, cross-domain is always unsuccessful, and the address of each request for data will go to ` under localhost:3000. the environmental background of the problems and what methods you have tried ...
directory structure: entry entry is index.js, sibling, App.vue, sibling and components Hello.vue index is written as follows: < div> <div>Vue Analyze Succeed!{{info}}< div> < div> < template> <script> im...
at present, according to the introduction of vue and jquery, on mobile and pc, the project wants to introduce these two third-party libraries into different pages through webpack, and at the same time, how to configure other public files into vendor? ...
at present, according to the introduction of vue and jquery, on mobile and pc, the project wants to introduce these two third-party libraries into different pages through webpack, and at the same time, how to configure other public files into vendor? ...