首页 文章

在Angular CLI项目中的内联包之前包含JavaScript包

提问于
浏览
-2

用例

我要求在Angular应用程序中向使用不受支持的浏览器的用户显示消息 . 该项目是一个Angular CLI项目 . 该应用程序是一个内部企业应用程序,我们被宠坏了只需要支持Chrome . 我们不希望启用各种polyfills来支持IE,因为我们不会花费资源来测试IE中的应用程序 . 但是,我们确实需要在用户使用不受支持的浏览器时通知用户 .

分析

当用户使用不受支持的浏览器时,CLI生成的任何JavaScript包(位于 index.htmlbody 底部的 inlinepolyfillsmain )可能会因为依赖于这些浏览器不支持的功能而失败 . 这意味着"browser check"代码需要在任何这些捆绑之前运行 .

在查看index.html of angular.io获取灵感时,我注意到他们在 head 中为Google Analytics等内容提供了内联 script . 我可以肯定按照相同的方法在 index.html 中添加我的"browser check"代码内联 . 该解决方案满足在任何Angular应用程序包之前执行的要求 .

index.html 中内联添加脚本时,我们都在污染 index.html 源文件,而且我们也没有从应用程序的CLI开箱即用的TypeScript,linting,testing,minifaction等中获益 .

问题

是否可以利用CLI并让它从TypeScript构建一个单独的包(并将其lint并测试并缩小它)并在任何其他脚本包之前将其包含在 index.html 中?

Here是我第一次尝试使用包含JavaScript源文件而没有CLI处理的简单方法 .

1 回答

  • 0

    取决于您不支持的含义和不支持的级别 . 我有一个角度应用程序管理加载ie10的初始基本页面,但后来没有任何工作 . 如果你的意思是ie6 7或8那完全不同

    您始终可以将角度应用程序更深入地放在网址路径和根路径上,以进行重定向检查

相关问题