Utilisez html-webpack-plugin只能将应用的bundle.js pour écrire en HTML, mais le fournisseur généré par la dll ne peut pas être écrit. Existe-t-il un moyen ?
html-webpack-plugin
bundle.js
Vous pouvez utiliser add-asset-html-webpack-plugin pour ajouter les fichiers packagés au HTML. Citer de la manière suivante, ou vous référer à mon modèle vue-2.0
Si vous l'aimez, vous pouvez lui donner une étoile
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 et réponses : 1. Utilisez vendor.js生成到/dll/, 2 template.html pour utiliser la syntaxe du modèle de html-webpack-plugin
vendor.js
/dll/
<body> <script src="<%= htmlWebpackPlugin.optiions.vendor %>"></script> </body>
3. Définissez webpack.dev.config.js
//... plugins:[ new HTMLPlugin({ template: './src/template.html', filename: 'index.html' vendor: '/dll/' + manifest.name + '.js/' //manifest就是dll生成的json }) ]
Uniquement pour l'environnement de développement
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez utiliser add-asset-html-webpack-plugin pour ajouter les fichiers packagés au HTML.
Citer de la manière suivante, ou vous référer à mon modèle vue-2.0
Si vous l'aimez, vous pouvez lui donner une étoile
Questions et réponses :
.1. Utilisez
vendor.js生成到/dll/,2 template.html pour utiliser la syntaxe du modèle de html-webpack-plugin
3. Définissez webpack.dev.config.js
Uniquement pour l'environnement de développement