以下是我的情景:
我想在客户端(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文件包含在我的所有视图模板中。
这必须是一个已解决的问题,但我似乎无法找到解决方案。
提前谢谢!