私はアプリケーションを構築しようとしていますが、styles.css
やc3.js
やd3.js
のような画像やライブラリのようなすべてのファイルはng build
コマンドに含まれていません。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
}
}
}
次のエラーが表示されます。
のこの部分で
ルックは、より多くの情報を教えてください。これらの追加資産をプロジェクトにどのように追加しましたか?どのように構造化されていますか?あなたの '角張った塊 'はどんな感じですか? – jonrsharpe
@jonrsharpeそれはやった、私の友人。 –
これは私が尋ねたものの一部にすぎませんが、あなたが 'scripts'に1つのライブラリだけを含むことはすでに明らかです。他の人はどうですか?それらの画像をassetsディレクトリに入れましたか?ルートstyles.cssはどこですか?依存関係にAngular 2ラッパーを使用していますか? CDNからHTMLに直接挿入する場合は、CDNからロードすることを検討しましたか?等 – jonrsharpe