angular - 更少的 CSS 导入在 Angular 7 中停止工作 - 如何修复它？

Question

在 Angular 5 中，我bootstrap.less使用以下方法将 a 导入到组件的任何 less 文件中：

@import '~app/shared/less/bootstrap';

在Angular 6 中，我将其更新为：

@import './src/app/shared/less/bootstrap';

现在有了 Angular 7，它又停止了：

无法解析 './src/app/shared/less/bootstrap' ...</p>

---

基本上我有一个较少的 CSS 文件，其中包含一些位于/src/app/shared/less/. 我想在任何组件的 Less CSS 文件中使用这个文件，因此必须导入它，以访问包含的 mixins。

---

Angular 7 中的正确语法是什么？

标签： angularimportlessangular7

Answer 1

您可以使用~src/app/shared/less/bootstrap导入引导程序或使用相对路径导入 ex:（../../shared/less/bootstrap取决于您的项目结构）。

~是一种快速引用根目录以操作 SCSS/LESS 路径的方法。

tildewas/is的使用不受 官方支持，实际上是构建系统内部实现的产物。

虽然它目前可能在某些情况下工作，但不能保证将来继续工作。在上述样式用例中，建议使用相对路径或使用includePaths选项（更多详细信息）。