javascript - Wie konvertiert ein WebPack-DLLPlugin-Paketanbieter HTML?

Question

Mit dem HTML-Webpack-Plugin kann nur die Datei bundle.js in HTML geschrieben werden, nicht jedoch die vom Hersteller generierte DLL. Gibt es eine Möglichkeit?

扔个三星炸死你 · Answer

可以使用 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
}])

女神的闺蜜爱上我 · Answer

自问自答：
1、将vendor.js生成到/dll/，
2、 template.html使用html-webpack-plugin的模板语法

3、设置webpack.dev.config.js

//...
plugins:[
    new HTMLPlugin({
        template: './src/template.html',
        filename: 'index.html'
        vendor: '/dll/' + manifest.name + '.js/' //manifest就是dll生成的json
    })
]

仅仅用于开发环境

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial