【发布时间】:2019-01-21 21:34:06
【问题描述】:
在 Visual Studio 2017 中运行 Angular 模板项目时,如何禁用 Angular CLI 捆绑 js/css?
我注意到在运行我的解决方案后,在头部末尾之前添加了以下元素
<link href="styles.bundle.css" rel="stylesheet"/>
而这个元素就在正文的结尾之前。
<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script>
我不想捆绑任何东西,而是想使用实际 html 文件中引用的任何 CSS/JS。此时不需要优化。
我正在使用 Visual Studio 2017 pro,v 15.8.0 以及创建新项目时创建的 Angular 模板,如下所示。
这是执行此操作的 Angular CLI 吗??
更新:解决了下面答案中的一半问题,仍在寻找 JS 修复。
【问题讨论】:
-
@R.Richards,必须有办法禁用它,这对强制捆绑和缩小是不合逻辑的。我没有运行 prod build,它正在运行 npm run build -- --app=ssr --output-hashing=media
-
因此,根据您的说法,根据 CLI 与模板的设计方式,很难简化最终提供的 HTML 的创建..
-
@R.Richards,那么,我将如何简单地将覆盖 css 添加到 CLI 输出的最终输出的捆绑 css 中?换句话说,CLI 如何理解最终输出的 styles.bundle.css 中要包含哪些文件?
-
@R.Richards,你说得对,它是 Angular CLI。我给你那个。但是请看下面我的回答,这抹黑了禁用捆绑很困难的说法。它只是 ng 的一个命令行参数,也许它甚至对于 JS 捆绑也是一样的。您可能想要更新您的答案。错误信息比没有信息更糟糕。
-
有趣,据消息来源称“通过使用 Angular CLI,您将失去配置和自定义 webpack 的能力”hackernoon.com/webpack-for-angular-developers-c8584a60e627
标签: asp.net angular webpack bundling-and-minification