更少的CSS导入在Angular 7中停止了工作-如何解决？

Question

在Angular 5中，我使用以下命令将bootstrap.less导入组件的任何较少文件中：

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

在Angular 6 I updated this to中：

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

现在使用Angular 7，它又停止了：

  

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

---

基本上，我有一个CSS较少的文件，其中包含一些{@ {1}}中的mixins和变量。我想在任何组件的Less CSS文件中使用此文件，并且必须为此导入它以访问随附的mixins。

---

Angular 7中的corect语法是什么？

Answer 1

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

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

tilde的使用以前是/不是不是 officially supported，实际上是构建系统内部实现的产物。

虽然它当前可能在某些情况下可以运行，但不能保证将来会继续运行。在上述样式用例中，建议使用相对路径或使用includePaths选项（more details）。