問題タブ [angular-cli]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - プロダクション用に Angular アプリをバンドルする方法
稼働中の Web サーバーでの運用のために Angular (バージョン 2、4、6、...) をバンドルする最良の方法は何ですか。
Angular のバージョンを回答に含めてください。これにより、新しいリリースに移行したときに追跡できるようになります。
angular - Angular CLI 特定の ts ファイルをコンパイルする方法は?
私は Angular 2 プロジェクトに取り組んでおり、Angular CLI を使用して新しいコンポーネントとサービスを作成し、ビルドしており、特定の修正を本番環境にプッシュしたいと考えています。
何百ものコンポーネントとファイルがあり、すべてをコンパイルして特定の変更のみを本番環境にプッシュしたくありません。
特定の TS ファイルをコンパイルする方法はありますか?
angular - angular-cli プロジェクトにブートストラップを追加する方法
angular-cli 1.0.0-beta.5 (ノード v6.1.0) で生成されたアプリでブートストラップ 4 (4.0.0-alpha.2) を使用したいと考えています。
ブートストラップとその依存関係を npm で取得した後、最初のアプローチはそれらを に追加することでしたangular-cli-build.js:
そしてそれらを私たちのindex.html
これは問題なく機能しましたが、フラグng serve付きのビルドを作成するとすぐに、これらの依存関係はすべて消えました(驚き!)。-proddist/vendor
angular-cli で生成されたプロジェクトで、そのようなシナリオ (つまり、ブートストラップ スクリプトの読み込み) をどのように処理するつもりですか?
私たちは次のような考えを持っていましたが、どちらに進むべきか本当にわかりません...
CDN を使用しますか? ただし、これらのファイルが利用可能であることを保証するために、これらのファイルを提供したいと考えています
依存関係を?
dist/vendorの後にコピーします。ng build -prodしかし、ビルド部分を「処理」するため、angular-cli が提供する必要があるもののように思えますか?jquery、bootstrap、tether を追加して
src/system-config.ts、どうにかしてそれらをバンドルに取り込みますmain.tsか? しかし、アプリケーションのコードでそれらを明示的に使用しないことを考えると、それは間違っているように思えました (たとえば、moment.js や lodash のようなものとは異なります)。
angular - angular-cli が component/shared/index.ts を作成するのはなぜですか?
これを実行すると：
私は得る
残りは理解しましたが、何の/blogs/shared/index.tsためですか？コンポーネントフォルダがコンポーネント専用であるのに、コンポーネントに共有フォルダがあるのはなぜですか?
angularjs - Angular2 - lodash をインストールする Angular-CLI - モジュールが見つかりません
Mac OSX エル キャピタン | angular-cli: 0.1.0 | ノード: 5.4.0 | OS: ダーウィン x64
angular-cli wiki: https://github.com/angular/angular-cli/wiki/3rd-party-libsに従って、サードパーティの npm モジュールをインストールしようとしましたが失敗しました。私はこれに何日も苦労しており、助けていただければ幸いです。
エラーを取得する手順:
ng new lodashtest3
cd lodashtest3
npm install lodash --save
typings install lodash --ambient --save
angular-cli-build.json:
module.exports = function(defaults) {
return new Angular2App(defaults, {
vendorNpmFiles: [
...
'lodash/**/*.js'
]
});
};
ng build
(lodash は dist/vendor に正しく追加されます)
システム構成.ts:
(すべてhttps://github.com/angular/angular-cli/wiki/3rd-party-libsの仕様による ) 注 - ここで考えられるすべての構成設定を試しましたが、すべて同じ結果が得られました。
lodashtest3.component.ts:
import * as _ from 'lodash';
ng build
編集：以下のコメントによる詳細情報
分布/index.html: