ng buildにより多くのファイルを含める方法

Question

私はアプリケーションを構築しようとしていますが、styles.cssやc3.jsやd3.jsのような画像やライブラリのようなすべてのファイルはng buildコマンドに含まれていません。

私は毎回それをしなければならないので、私はng buildを作り、私は（ファイルがng buildコマンドの後に行く）distフォルダにそれらのファイルをコピーして貼り付けることによってこれを行うことができますが、これは非効率的です。

ng buildに自動的にスタイル、画像、ライブラリを含めることができます。

編集 angular-cli.jsonファイル：ng build doesntのアプリのディレクトリからこれらのファイルをコピーするため

{ 
    "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 
    } 
    } 
} 

次のエラーが表示されます。

Answer 1

（あると）これは、資産・フォルダが含まれます https://github.com/angular/angular-cli#project-assets

角度-cli.jsonに "資産" -arrayにファイルを追加し、favicon.icoを

を-file

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

あなたはJSとCSS-ファイルがビルド

にbundeledしたい場合は、必要な秒を追加アプリケーションにファイルをCRIPT [0] .scripts：

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

最後のアプリケーションにブートストラップCSSを追加[0] .styles配列：

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

バンドルファイルは自動的にビルド上のindex.htmlからリンクされています、 あなたのコードにリンクを提供する必要があるassets-arrayに含まれるファイルとフォルダ。 README https://github.com/angular/angular-cli#3rd-party-library-installation