javascript - webpack dllPlugin如何打包vendor到html裡面？
使用html-webpack-plugin只能將套用的bundle.js寫到html,不能將dll產生的vendor寫入，有沒有辦法？
使用html-webpack-plugin只能將套用的bundle.js寫到html,不能將dll產生的vendor寫入，有沒有辦法？
扔个三星炸死你2017-07-05 10:54:50
可以使用 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
}])女神的闺蜜爱上我2017-07-05 10:54:50
自問自答：
1、 將vendor.js產生到/dll/，
2、 template.html使用html-webpack-plugin的模板語法
<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
})
]僅用於開發環境