84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
Usinghtml-webpack-plugincan only write the application'sbundle.jsto html, but not the vendor generated by the dll. Is there any way?
html-webpack-plugin
bundle.js
You can use add-asset-html-webpack-plugin to add the packaged files to html.Quote in the following way, or refer to my vue-2.0template
If you like it, you can give it a star
new HtmlWebpackPlugin({ filename: itemPath, template: template, inject: true, title: item.title || 'Document', chunks: chunks, chunksSortMode: 'dependency', }), new AddAssetHtmlPlugin([{ filepath: path.resolve(__dirname, config.build.dll.basePath, config.build.dll.fileName), outputPath: utils.assetsPath('common/js/'), publicPath: path.join(config.build.publicPath, 'common/js'), includeSourcemap: true }])
Questions and answers:1. Generatevendor.jsto/dll/,2. template.html uses the template syntax of html-webpack-plugin
vendor.js
/dll/
3. Set webpack.dev.config.js
//... plugins:[ new HTMLPlugin({ template: './src/template.html', filename: 'index.html' vendor: '/dll/' + manifest.name + '.js/' //manifest就是dll生成的json }) ]
Only for development environment
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can use add-asset-html-webpack-plugin to add the packaged files to html.
Quote in the following way, or refer to my vue-2.0template
If you like it, you can give it a star
Questions and answers:
1. Generate
vendor.jsto/dll/,2. template.html uses the template syntax of html-webpack-plugin
3. Set webpack.dev.config.js
Only for development environment