2017-10-31 13 views
0

私はAsp Core + webpack + VS 2017のAngular 4テンプレートを使用しています。jQuery-uiをロードするには webpack.config.vendorに配置します。 JS:Asp Core + Angular 4テンプレートをVS 2017からロードする方法

const treeShakableModules = [ 
    '@angular/animations', 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/core', 
    '@angular/forms', 
    '@angular/http', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 
    '@angular/router', 
    'font-awesome/css/font-awesome.css', 
    'zone.js', 
    'virtual-keyboard', 
    'jquery-ui'     //Here 

が、私はそれが

のWebPACKにJS/CSSファイルを含めるための正しい方法は何か正しいとは思いませんか?

おかげ

+0

このhttps://www.npmjs.com/package/webpack-jquery-uiが見つかりましたが、これらの2行を追加するには( 'webpack-jquery-ui')が必要です。 require( 'webpack-jquery-ui/css');エラーを与える – mrapi

答えて

1

あなたは今では知っているはずですが、NPMの依存関係がpackages.jsonに追加されます。これはDependenciesセクションに移動してください。また、DevDependenciesセクションに'@types/jquery-ui'が必要です。コードにインポートする必要があるTypeScriptの中からAPIにアクセスする必要があります。ファイルを変更して保存したら、プロジェクトが更新されるまで数分かかります(出力ウィンドウのnpmセクションで進捗状況を確認できます)。私がjQuery UIを自分で使用しなかったので、いくつかの他のステップが必要になるかもしれません(<script><link>ディレクティブをページに追加するなど)。

関連する問題