Gunakan html-webpack-plugin只能将应用的bundle.js untuk menulis ke html, tetapi vendor yang dijana oleh dll tidak boleh ditulis.
html-webpack-plugin
bundle.js
Anda boleh menggunakan add-asset-html-webpack-plugin untuk menambah fail yang dibungkus pada html. Petikan dengan cara berikut, atau rujuk templat vue-2.0 saya
Kalau suka boleh bagi bintang
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 }])
Soalan dan jawapan: 1. Gunakan vendor.js生成到/dll/, 2 untuk menggunakan sintaks templat html-webpack-plugin
vendor.js
/dll/
<body> <script src="<%= htmlWebpackPlugin.optiions.vendor %>"></script> </body>
3. Tetapkan webpack.dev.config.js
//... plugins:[ new HTMLPlugin({ template: './src/template.html', filename: 'index.html' vendor: '/dll/' + manifest.name + '.js/' //manifest就是dll生成的json }) ]
Hanya untuk persekitaran pembangunan
Anda boleh menggunakan add-asset-html-webpack-plugin untuk menambah fail yang dibungkus pada html.
Petikan dengan cara berikut, atau rujuk templat vue-2.0 saya
Kalau suka boleh bagi bintang
Soalan dan jawapan:
1. Gunakan
vendor.js
生成到/dll/
,2 untuk menggunakan sintaks templat html-webpack-plugin
3. Tetapkan webpack.dev.config.js
Hanya untuk persekitaran pembangunan