在应用程序HTML中包含直接链接到webpack入口点?

前端之家收集整理的这篇文章主要介绍了在应用程序HTML中包含直接链接到webpack入口点?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的webpack入口点包括一个[hash]的名字:
entry: "index.js",output: {
    path: "build/",filename: "index-[hash].js",}

如何从应用程序的HTML直接链接到该入口点?

例如,我希望发送给客户端的HTML包含:

<script src="build/index-41d40fe7b20ba1dce81f.js"></script>

我该怎么做?是否有可以生成入口点清单的插件,我的应用程序可以读取并发出相应的文件名?

解决方法

html-webpack-plugin(我是作者)将为您引用一个引用正确的散列包文件名的index.html.
var HtmlWebpackPlugin = require("html-webpack-plugin");
var webpackConfig = {
    entry: "index.js",output: {
        path: "build/",},plugins: [new HtmlWebpackPlugin()]
}

这将产生build / index.html,其中包含< script>标签.

猜你在找的HTML相关文章