angular-cli.json - webpack内のスクリプトを含む、ウィジェット内の+ jquery

Question

私はjhipster-projectを持っています。私はそれにadminLTEを統合しようとしています。ほとんどのことを達成しました。私はadminLTEプロジェクトの構造を見るとここ

は、角度-cli.jsonは、次のエントリ私webpack.dev.jsで

"styles": [ 
      "content/css/vendor.css", 
      "content/css/global.css", 
      "styles.css", 
      "../node_modules/bootstrap/dist/css/bootstrap.css", 
      "../node_modules/font-awesome/css/font-awesome.css", 
      "../node_modules/ionicons/css/ionicons.css", 
      "_variables.less", 
      "../node_modules/icheck/skins/flat/blue.css", 
      "../node_modules/morris.js/morris.css", 
      "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css", 
      "../node_modules/admin-lte/plugins/daterangepicker/daterangepicker.css", 
      "../node_modules/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.css" 
     ], 
     "scripts": [ "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/jqueryui/jquery-ui.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.js", 
     "../node_modules/raphael/raphael.js", 
     "../node_modules/morris.js/morris.js", 
     "../node_modules/jquery-sparkline/jquery.sparkline.js", 
     "../node_modules/jquery-knob/dist/jquery.knob.min.js", 
     "../node_modules/moment/moment.js", 
     "../node_modules/daterangepicker/daterangepicker.js", 
     "../node_modules/bootstrap-datepicker/js/bootstrap-datepicker.js", 
     "../node_modules/jquery-slimscroll/jquery.slimscroll.js", 
     "../node_modules/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.js", 
     "../node_modules/icheck/icheck.js", 
     "../node_modules/admin-lte/dist/js/app.js", 
     "assets/js/scripts.js"] 

が含まれている、私はこれらのスクリプトやCSSを含める方法を見つけようとしています。

私はjQueryの

new webpack.ProvidePlugin({ 
       $: "jquery", 
       jQuery: "jquery" 
      }), 

とそこにすでにあると私はこれらのスクリプトを利用するようにしている場合、私はそれらを手動で含めるようにしたファイルこの

alias: { 
       'morris.js': 'morris.js/morris.js' 

      } 

を行うことによってmorris.jsを追加参照

import 'morris.js'; 
import 'jquery-knob'; 
import 'bootstrap-datepicker'; 
import 'jqueryui'; 
import 'daterangepicker'; 
import 'jquery-slimscroll'; 
import 'admin-lte'; 

これは、私がwebpack coで追加できるものですnfig。また、どのようにして私のプロジェクトにangle-cliで使用されるCSSを追加するべきですか？

私はpackage.jsonで、糸webpack：build、config webpack/webpack.dev.jsを起動します。ここで考えているのは、私が何かをしなければならないファイルです。

Answer 1

ええ..あなたは正しい！それはうまくいった。どうもありがとう！！ scripts.jsがブラウザに読み込まれ、ブレークポイントに当たっているのがわかります。 でも、script.jsに別の問題が発生しています。以下のコードが含まれています。

jQuery.widget.bridge（ 'uibutton'、jQuery.ui.button）;

//はレイアウト

var AdminLTE = (function() { 
    return { 
    init: function() { 
     jQuery(function(){ 
      jQuery.AdminLTE.layout.activate(); 
      jQuery.AdminLTE.layout.fix(); 
      jQuery.AdminLTE.layout.fixSidebar(); 
     }); 
    } 
    } 
})(AdminLTE||{}); 

を更新するために、typescriptですコードからコールを受信し、それが未定義のプロパティ「ブリッジ」を読み取ることができませんと言います。 これにどのように対処すればいいですか？ウィジェットはJqueryにあります。

ありがとうございました。私はjhipsterのチェーンを構築について読むことができます。また ..情報はビットのみとpieces..itに時間のデバッグを要します。..

おかげで再び！.. よろしく