这是我的场景:

  • 我想在客户端(React)和服务器(Express)以及PostCSS for CSS中使用ES6 / 7,所以我需要webpack babel .

  • 几个路由渲染页面托管React组件,一些(React组件)琐碎,一些重 .

  • 我想用pug作为视图引擎,将整个应用程序放在一个SPA中不是一个选项 .

我的设置工作在开发模式(在我的哈巴狗模板中,我直接在build dir中包含带有脚本标签的捆绑资产,问题是在 生产环境 模式下,捆绑的js文件的路径包含哈希并且是动态的 .

这个问题的常见做法似乎是使用HtmlWebpackPlugin,它可以将动态捆绑的js路径注入模板 . 问题是,我在哈巴狗中有很多视图模板,我不能在webpack.config.js中为每个模板添加一个条目 . 我正在探索的选项是让webpack生成一个'部分',只包含资产包括像和的标签,然后我在我的视图模板中包含这个'部分' . 但HtmlWebpackPlugin不适用于帕格 . 经过一番挖掘后,我发现了另一个人们使用的webpack插件--pug-loader . 但似乎它只会将帕格变成简单的HTML . 这意味着我不能将它作为一个pug文件包含在我的所有视图模板中 .

这必须是一个解决的问题,但我似乎无法找到解决方案 .

先感谢您!