Question

我有一个jhipster项目。我正在尝试将adminLTE集成到其中。已经实现了大部分的事情。

这里，当我看到adminLTE项目结构时，angular-cli.json包含以下条目

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

在我的webpack.dev.js中，我试图找到一种方法来包含这些脚本和CSS。

我看到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';

如果我必须使用这些脚本文件，我必须手动将它们包含在component.ts中，如下所示：

setAcademicCalendar

有什么办法，我可以在webpack配置中添加它们。另外，我应该如何将angular-cli中使用的CSS添加到我的项目中。

我在package.json中看到，yarn webpack：build，触发config webpack / webpack.dev.js ..所以这里想的是我必须要做的事情，但不确定如何。

Answer 1

是的..你是对的!!有效。非常感谢！！我可以看到scripts.js正在加载到浏览器中并且它遇到了断点。我在script.js中遇到了另一个问题。它包含以下代码。

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

//从typescript代码接收调用以更新布局

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

它说无法读取undefined的属性'bridge'。我应该如何解决这个问题。小工具在Jquery中。

感谢。另外，在那里我可以阅读关于jhipster的构建链。信息只是点点滴滴......需要大量的时间调试..

再次感谢！.. 此致

angular-cli.json - 包括webpack中的脚本，widget中的+ jquery

1 个答案: