使用html-webpack-plugin只能將套用的bundle.js寫到html,不能將dll產生的vendor寫入,有沒有辦法?
html-webpack-plugin
bundle.js
可以使用 add-asset-html-webpack-plugin,將打包後的文件,加入html中。 透過以下方式引用,或參考下我的vue-2.0template
喜歡的話可以給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 }])
自問自答:1、 將vendor.js產生到/dll/,2、 template.html使用html-webpack-plugin的模板語法
vendor.js
/dll/
<body> <script src="<%= htmlWebpackPlugin.optiions.vendor %>"></script> </body>
3、 設定webpack.dev.config.js
//... plugins:[ new HTMLPlugin({ template: './src/template.html', filename: 'index.html' vendor: '/dll/' + manifest.name + '.js/' //manifest就是dll生成的json }) ]
僅用於開發環境
可以使用 add-asset-html-webpack-plugin,將打包後的文件,加入html中。
透過以下方式引用,或參考下我的vue-2.0template
喜歡的話可以給star
自問自答:
1、 將
vendor.js
產生到/dll/
,2、 template.html使用html-webpack-plugin的模板語法
3、 設定webpack.dev.config.js
僅用於開發環境