我的特别问题是关于应用程序的基础。到目前为止,如果我使用 CommonJS 代码或在我正在编写的应用程序的上下文中工作,Webpack 一直很棒,但我正在努力引入 Foundation for Apps,它包含自己的 HTML 模板、SVG 图标、JavaScript , 和 SCSS。
我通过要求连接源来包含 FfA 的 JavaScript(这并不理想,但它可以工作)。我还可以以更简洁的方式包含 SCSS,因为 Webpack 的 sass 加载器似乎知道如何处理@import
语句。
当 FfA 的源 (Angular) 从 Webpack 后不存在的路径请求 HTML 时,就会出现关键问题。
例如,将请求获取/components/modal/modal.html
,但我的公共目录中唯一的内容是bundle.js
. 如何加载所有 HTML 模板并将templateUrl
FfA 源代码中出现的任何路径替换为require
解析为加载的 HTML 路径的语句?我走的是正确的道路还是有更好的方法?