如何从ng-build中排除sass文件？

Question

我在webpack.config中使用sass-loader将scss文件编译为一个捆绑的缩小CSS文件，我将在我的＆＃34; Index.html＆＃34;中手动引用该文件。但我需要从＆＃34; ng build＆＃34;中排除scss文件，我在tsconfig.app中将其排除在外 "exclude": ["../**/*.scss"]但它没有用。

Answer 1

当您使用Angular CLI时，您可以为它处理所有这些类型的事情。你不应该自己处理它们。 CLI故意不公开特定于构建工具的扩展点（尽管CLI插件系统的概念是v2的表格之一）。

您可以做的一件事是使用ng eject命令提取Webpack配置并自行定制。详细了解此选项here。

<强>更新

基于评论，看起来这个问题是由默认情况下如何通过Angular CLI中的JS应用CSS来推动的。

如果是这种情况，请注意，这可以通过ng build标记--extract-css进行配置。如果设置，则构建生成CSS文件而不是CSS的JS文件。默认情况下，该标志在开发模式下关闭（默认为ng build / ng serve），默认情况下在生产模式下启用（当您传递-prod标志时）。

从the official ng build docs了解详情。