无法在我的 styles.css 中导入全局样式答案

【问题标题】：Can't import global styles in my styles.css无法在我的 styles.css 中导入全局样式
【发布时间】：2018-01-29 11:57:10
【问题描述】：

我已经多次看到，在阅读有关模块的文档时，要导入样式，而不是直接添加路径 angular cli，通常，文档使用这种指令（我正在使用示例Angular 的剑道 UI）：

@import "~@progress/kendo-theme-default/scss/all";

但是如果因为我收到此错误，这将不起作用

./node_modules/css-loader 中的错误？{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":错误}!./src/styles.css 找不到模块：错误：无法解析“C:\Users\DSartori\Desktop\angularProject1\ant-test\src”中的“@progress/kendo-theme-default/scss/all” 解决 'C:\Users\DSartori\Desktop\angularProject1\ant-test\src' 中的 '@progress/kendo-theme-default/scss/all'

据我了解，它会在错误的目录中查找文件，因为不是在 node_modules 中查找@progress..，而是在 src 文件夹中查找。

我该如何解决？请注意：

我注意到我要导入的文件不是简单的css，而是scss，而且该指令应该写在styles.scss中。我需要按照here 的说明进行操作吗？
在目录progress/kendo-theme-default/scss/all 中有几个scss 文件我要导入，我想避免在angular-cli.json 中一一添加文件

如果有不清楚的地方或者您需要更多详细信息，请询问而不是投反对票

【问题讨论】：

标签： css html angular-cli angular5 kendo-ui-angular2

【解决方案1】：

样式帮助主题中引用的@import "~@progress/kendo-theme-default/scss/all"; 行只能在scss 文件中使用——它包括源代码的主题。您链接到的答案显示了如何将 angular-cli 应用程序配置为默认使用 scss 文件，这将解决问题。

或者，您可以包含完整主题的 CSS，尽管该解决方案可能不太灵活（您不能只为您正在使用的小部件导入主题）。

有关如何在项目中包含主题的更多信息，请参阅styling overview 帮助主题，其中显示了所有可用选项及其优势。

【讨论】：