javascript - webpack dllPlugin如何打包vendor到html裡面?
三叔
三叔 2017-07-05 10:52:50
0
2
1220

使用html-webpack-plugin只能將套用的bundle.js寫到html,不能將dll產生的vendor寫入,有沒有辦法?

三叔
三叔

全部回覆(2)
扔个三星炸死你

可以使用 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的模板語法

<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
    })
]

僅用於開發環境

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板