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

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

概述我的webpack入口点包括一个[hash]的名字: entry: "index.js",output: { path: "build/", filename: "index-[hash].js",} 如何从应用程序的HTML直接链接到该入口点? 例如,我希望发送给客户端的HTML包含: <script src="build/index-41d40fe7b20ba1dce81f 我的webpack入口点包括一个[hash]的名字:
entry: "index.Js",output: {    path: "build/",filename: "index-[hash].Js",}
@H_404_4@如何从应用程序的@R_301_6832@直接链接到该入口点?

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

<script src="build/index-41d40fe7b20ba1dce81f.Js"></script>
@H_404_4@我该怎么做?是否有可以生成入口点清单的插件,我的应用程序可以读取并发出相应的文件名?

解决方法 html-webpack-plugin(我是作者)将为您引用一个引用正确的散列包文件名的index.@R_301_6832@.
var @R_301_6832@WebpackPlugin = require("@R_301_6832@-webpack-plugin");var webpackConfig = {    entry: "index.Js",output: {        path: "build/",},plugins: [new @R_301_6832@WebpackPlugin()]}
@H_404_4@这将产生build / index.@R_301_6832@,其中包含< script>标签.

总结

以上是内存溢出为你收集整理的在应用程序HTML中包含直接链接到webpack入口点?全部内容,希望文章能够帮你解决在应用程序HTML中包含直接链接到webpack入口点?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1102326.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存