angular-cli.json - 包括webpack中的腳本，+ jquery中的小部件

我有一個jhipster-project。我正在嘗試整合adminLTE。已經實現了大部分的事情。angular-cli.json - 包括webpack中的腳本，+ jquery中的小部件

在這裏，當我看到adminLTE項目結構，角cli.json包含以下條目

"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"]

在我webpack.dev.js，我試圖找到一種方法，包括這些腳本和CSS。

我看到jQuery是已經存在與

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

，我做這個

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

      }

如果非要使用這些腳本文件我已經加入morris.js手動包括他們在像這樣的component.ts：

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

有沒有什麼辦法，我可以將它們添加到webpack co nfig。另外，我應該如何將用於angular-cli的CSS添加到我的項目中。

我在package.json中看到，yarn webpack：build，觸發器配置webpack/webpack.dev.js ..所以想到這裏是文件，我必須做些什麼，但不知道如何。

來源

2017-09-08 Mayurb

是啊..你是對的！那工作。非常感謝！！我可以看到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||{});

，它說不能讀取的未定義的屬性「橋樑」。我應該如何解決這個問題。 Widget在Jquery中。

謝謝。此外，在那裏我可以閱讀有關jhipster的構建鏈..信息只在位和pieces..it花費大量時間調試..再次

謝謝！.. 問候

來源

2017-09-09 05:50:40 Mayurb

angular-cli.json - 包括webpack中的腳本，+ jquery中的小部件

回答

相關問題