【问题标题】:How do I disable Angular CLI from bundling js/css when running the Angular template in visual studio 2017?在 Visual Studio 2017 中运行 Angular 模板时,如何禁用 Angular CLI 捆绑 js/css?
【发布时间】: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


【解决方案1】:

这里解决了一半的问题。为了禁用 CSS 捆绑,只需要确保 .angular-cli.json 样式节点为空,如下所示

这样就解决了 CSS 问题,真正解决了 50% 的问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-09-01
    • 2018-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-13
    • 1970-01-01
    相关资源
    最近更新 更多