サードパーティ製のjquery-uiとangular-cliのインストール

Question

私はangular2プロジェクトでangle-cliを使用しています。私のプロジェクトでは、jquery-uiを使用したいと思います。私はそれが私のDIST /ベンダーのフォルダに自動的に更新されますどのように

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
      'jquery/src/jquery.js', 
      'jquery-ui/jquery-ui.js' 
    ] 
    }); 
}; 

私の角度-CLI-build.jsを編集し

npm install jquery jquery-ui 

でjqueryの-UIをインストールし、私はcssファイルを追加する必要がありますか私のindex.htmlのように（css/jquery-ui.cssのような）？

私はこのlinkからmoment.jsの統合に従ってきましたが、jquery-uiの助けになりませんでした。あなたのsystem.config.tsで次に

'jquery/dist/jquery.min.js', 
jquery-ui/jquery-ui.min.js', </i> 

： は、私は次のように入れて、あなたの角度-CLI-build.jsで角度-CLI

Answer 1

とjqueryの-UI統合の実施例を理解するだろう

const map: any = { 
'jquery': 'vendor/jquery/dist/jquery.min.js', 
'jquery.ui': 'vendor/jquery-ui/jquery-ui.min.js', 

は、アンギュラcli.jsonファイルにスクリプトをインポートする

Answer 2

を助けるホープ良くapprochです。これにより、運用環境の展開中の問題を回避できます。

"scripts": [ 
"../node_modules/jquery/dist/jquery.js", 
"vendor/jquery/dist/jquery.min.js", 
"'vendor/jquery-ui/jquery-ui.min.js" 
], 

Answer 3

angle-cli.jsonファイルのscriptsセクションに.jsファイルを追加すると、上記の方法で説明したように機能するはずです。

これをメインモジュールクラスに追加し、動作しているかどうかを確認してください。

import 'jquery'; 
import 'jquery-ui';