Question

使用Angular 6和Angular CLI 6 我添加了一个文件夹 myfolder ，其中包含许多文件：

src/assets/myfolder

注意：，我也尝试过：

src/myfolder

在运行时，除非我在 angular.json 中使用以下命令分别指定文件，否则找不到/运行文件：

"assets": [
                  "src/assets",
                  "src/favicon.ico"
              ],
    "scripts": [
                   "src/assets/myfolder/myfile1.js",
                   "src/assets/myfolder/myfile2.js",
                   "src/assets/myfolder/myfile3.js",
                   "src/assets/myfolder/mycss.css",
                   "src/assets/myfolder/myImage.img"
               ]

虽然可行，但我的文件夹是CKEditor插件，并且包含js，css到图像的100多个文件，它们相互引用。似乎必须有一种方法可以添加所有内容而无需单独引用每个文件？

Answer 1

通配符就足够了

assets: [
      "src/assets/*",
]

在代码中始终使用

src="assets/..."

Answer 2

如果您在html代码上使用

例如：src="assets/myFolder/logo.png"

应该足够

Answer 3

将非JavaScript文件添加到“脚本”不是Angular CLI的预期行为。相反，您可以将（s）css文件添加到“样式”数组中，或将其直接导入src / styles.scss

对于图像，字体或任何其他资产，只要您通过绝对路径（从{{1}开始）对其进行引用，将它们保存在src /资产中应该是安全的。。例如，在您的一个模板中，您可能会拥有/之类的东西，而在您的scss文件中，您可能会拥有<img src="/assets/myfolder/myImage.img"/>

Angular 6-将本地文件（js，css，img）添加到运行时未看到的资产中。如何一次引用所有文件？

3 个答案: