Angular-cliを使用して角2のプロジェクトを作成しました。 私はアスタリスク2(Cli)asstet/cssファイルを縮小しない
ng build --prod
を実行すると、私は私のjsとcssファイルがminifyedありません。これらのファイルはassets/js/とアセット/ css/にあります。
どのようにそれらを縮小しますか?ありがとう!
Angular-cliを使用して角2のプロジェクトを作成しました。 私はアスタリスク2(Cli)asstet/cssファイルを縮小しない
ng build --prod
を実行すると、私は私のjsとcssファイルがminifyedありません。これらのファイルはassets/js/とアセット/ css/にあります。
どのようにそれらを縮小しますか?ありがとう!
フォルダがアンギュラcli.jsonにおける資産アレイにリストされているため、資産-フォルダがビルドに含まれているを追加します。
assets-arrayのすべてがビルド時に「そのまま」コピーされます。
CSSとスクリプトをangle-cli.jsonのスタイルとスクリプトに追加すると、すべてのCSSがstyles.bundle.js(yes js)になるようにビルドされます。
index.htmlのcssまたはjsファイルを参照しないでください。角度cliはindex.htmlにバンドルを挿入します。
ファイルをassetsフォルダ内に保存したい場合は、そのフォルダ内のファイルを縮小するために任意のツールを使用できるように "そのまま"コピーします(例えばhttps://www.npmjs.com/package/minifier)angular-cliは触れませんビルド時にコピーしてください。
あなたのスタイル角度-cli.jsonで& JS
"styles": [
"assets/css/style.css",
"assets/css/fonts.css"
],
"scripts": [
"assets/js/app.js",
"assets/js/other.js"
]
はい、今すぐ取得します。ご説明ありがとうございます。 私は開発のためにこれらのスタイルを使用していますが、index.htmlに含まれているcss/jsファイルを手動で削除する必要がありますか? これについて正しいワークフローは何ですか? –
ああ、私は見ている - それはngのサーブと同じ方法で動作します。これらのアセットフォルダ内のファイルを取得し、それらを圧縮するように見えるので、開発者には必要ありません。ありがとう –