2017-10-11 12 views
0

私は使用しています角度4アプリケーションとWebpackng-build -prodコマンドを使用してアプリケーションを構築すると、assetsフォルダはdistフォルダにあります。しかし、css & jsファイルは、バンドルされた、または縮小された形式ではありません。angular4アプリにアセットフォルダをバンドルするにはどうすればいいですか?

私は&が私の資産フォルダにJS & CSSファイルを縮小化バンドルする方法を知りたいですか?

+0

-assets](https://www.npmjs.com/package/gulp-bundle-assets) –

答えて

1

assetsフォルダのjsファイルとcssファイルは外部依存関係です。

これらは、.angular-cli.jsonファイルに追加できます。それらは自動的にCSSのstyles.bundle.jsのJavscriptのscripts.bundle.jsで自動的にコンパイルされます。

ゴーcli.jsonを.angularとJavascriptのために追加する:

"scripts": [ 
    "path/to/your/js/file" 
], 

とCSSファイルのために:

"styles": [ 
    "path/to/your/css/file" 
], 

あなたは資産フォルダに外部依存関係を追加しないでください。

よろしく

あなたは[がぶ飲み](https://gulpjs.com/)任意の特定のタスクのために...書き込みタスクの一気の異なるモジュールがあります...たとえば、[飲み込む-バンドルを使用することができます
+0

私の** css **と** js **フォルダを** assets **フォルダに入れることはできますか? –

+0

「角膜」のscripts.bundle.jsまたはstyles.bundle.jsに追加する場合、そうする必要はありません。私はそれを推奨しません。あなたのJavascriptとCSSはWebpackによってバンドルされ、これらのファイルはindex.html – Daniomi

+0

に含まれています。申し訳ありませんが、私はあなたを取得しませんでした。 **ssss **&** js **フォルダをassetsフォルダの中に入れようとしましたが、あなたが言ったように、** script **と** style **ブロックにファイルの場所を指定しました。しかし、ブラウザのソースパネルで、これらのファイルがバンドルされていないことがわかりました。 –

関連する問題