如何覆盖由HtmlWebpackPlugin生成的src标记?
在我的网页包配置中,我有多个输出,名称中有一些散列,这就是为什么我尝试利用HtmlWebpackPlugin自动生成为SPA应用程序服务的索引HTML文件。到目前为止还不错 但是,因为我使用MVC框架和模板引擎提供SPA应用程序;我想让它决定资产的位置。这意味着,我必须修改HtmlWebpackPlugin放置的如何覆盖由HtmlWebpackPlugin生成的src标记?,webpack,html-webpack-plugin,Webpack,Html Webpack Plugin,在我的网页包配置中,我有多个输出,名称中有一些散列,这就是为什么我尝试利用HtmlWebpackPlugin自动生成为SPA应用程序服务的索引HTML文件。到目前为止还不错 但是,因为我使用MVC框架和模板引擎提供SPA应用程序;我想让它决定资产的位置。这意味着,我必须修改HtmlWebpackPlugin放置的标记,如: 发件人: 致: 我阅读了文档,并关注了列出的扩展,但运气不佳。有没有任何未经证明的方法可以实现我想要做的事情?我开发了一个插件来实现这一点。以下是源代码: 函数Htm
标记,如:
发件人:
致:
我阅读了文档,并关注了列出的扩展,但运气不佳。有没有任何未经证明的方法可以实现我想要做的事情?我开发了一个插件来实现这一点。以下是源代码:
函数HtmlWebPackRavelessPlugin(选项){
HtmlWebPackLavelessPlugin.prototype.apply=函数(编译器){
plugin('编译',(编译)=>{
编译插件(
“html处理后的html网页包插件”,
数据=>{
data.html=data.html.replace(/(src\=“public\/)(.*?(\“\>)/gi,'src={{asset($2”)}>'))
}
)
})
}
module.exports=HtmlWebPackRavelessPlugin
我开发了一个插件来实现这一点。以下是源代码:
函数HtmlWebPackRavelessPlugin(选项){
HtmlWebPackLavelessPlugin.prototype.apply=函数(编译器){
plugin('编译',(编译)=>{
编译插件(
“html处理后的html网页包插件”,
数据=>{
data.html=data.html.replace(/(src\=“public\/)(.*?(\“\>)/gi,'src={{asset($2”)}>'))
}
)
})
}
module.exports=HtmlWebPackRavelessPlugin
<script type="text/javascript" src="public/js/app.js">
<script type="text/javascript" src="{{asset('app.js')}}">