Angular.json 未导入资产

Question

我有一个我维护的 npm 库，可在多个应用程序中使用。我想分享一个包含 mixin、函数等的

scss

文件。我可以看到，在

npm i

之后，scss 文件位于

styles

文件中指定的

ng-package.json

文件夹中：

...
"assets": [ ... {"input": "src/lib/styles", "glob": "**/*.scss", "output": "styles"} ... ]
...

我的 anguar.json 文件具有以下内容：

...
"assets": [
...
              {
                "glob": "**/*",
                "input": "./node_modules/@company_appstore/company-shared/styles",
                "output": "./src/styles/"
              }
...
]
...

我的假设是运行我的

ng serve

命令后，Angular 会将这些文件输出到我的

styles

目录中的

src

目录中。但是，这些文件在 src 级别不可用。

Answer 1

它将放置在资产文件夹内。

这是因为 asset 的内容只能通过

localhost:4200/assets/style.css

a 访问，所以你可以更改路由到。

...
"assets": [
...
          {
            "glob": "**/*",
            "input": "./node_modules/@company_appstore/company-shared/styles",
            "output": "/styles"
          }
...
]
...