Javascript 如何告诉ng build包含更多文件_Javascript_Angular_Angular Cli

Javascript 如何告诉ng build包含更多文件

javascript angular

Javascript 如何告诉ng build包含更多文件,javascript,angular,angular-cli,Javascript,Angular,Angular Cli,我正在尝试构建我的应用程序，但ngbuild命令不包括所有文件，如style.css或图像或库，如c3.js或d3.js 我可以通过将这些文件复制并粘贴到dist文件夹中（文件在ng build命令之后放在该文件夹中）来实现这一点，但这是低效的，因为我每次都必须执行ng build 如何使ng build自动包含样式、图像和库编辑 angular cli.json文件： { "project": { "version": "1.0.0-beta.20-4", "name":

我正在尝试构建我的应用程序，但

ngbuild

命令不包括所有文件，如

style.css

或图像或库，如

c3.js

或

d3.js

我可以通过将这些文件复制并粘贴到

dist

文件夹中（文件在

ng build

命令之后放在该文件夹中）来实现这一点，但这是低效的，因为我每次都必须执行

ng build

如何使

ng build

自动包含样式、图像和库

编辑

angular cli.json

文件：

{
  "project": {
    "version": "1.0.0-beta.20-4",
    "name": "scada-lts-ui"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
        "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "app",
      "mobile": false,
      "styles": [
        "styles.css"
      ],
      "scripts": [
        "../node_modules/hammerjs/hammer.min.js"
      ],
      "environments": {
        "source": "environments/environment.ts",
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "addons": [],
  "packages": [],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "prefixInterfaces": false,
    "inline": {
      "style": false,
      "template": false
    },
    "spec": {
      "class": false,
      "component": true,
      "directive": true,
      "module": false,
      "pipe": true,
      "service": true
    }
  }
}

出现以下错误，因为

ng build

没有从应用程序目录复制这些文件

将文件添加到angular-cli.json中的“资产”数组中

这将包括资产文件夹（原样）和favicon.ico文件

"assets": [
  "assets",
  "favicon.ico"
]

如果您希望在构建中绑定js和css文件

然后将所需的脚本文件添加到应用[0]。脚本：

"scripts": [
  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/tether/dist/js/tether.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"
],

最后将引导CSS添加到应用[0]。样式数组：

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.css",
  "styles.css"
],

捆绑文件在生成时自动从index.html链接，您需要在代码中提供链接的资产数组中包含的文件和文件夹

请看自述的这一部分