在html文件中映射webjar路径以加载依赖项

时间:2017-04-27 13:56:42

标签: angularjs dropwizard webjars

我正在使用dropwizard和webjars来打包我的Web依赖项。使用dropwizard相对较新。

在我的Bootstrap应用程序的initialize()方法中,我正在加载我的资产和Web包,如下所示

 bootstrap.addBundle(new AssetsBundle("/webapp", "/ui", "index.html"));
 bootstrap.addBundle(new WebJarBundle("org.webjars.bower", "org.webjars"));

在我的index.html文件中,我引用了我的js依赖项,如下所示

<!-- Third Party -->
<script src="/webjars/jquery/jquery.js"></script>
<script src="/webjars/angular/angular.js"></script>
<script src="/webjars/angular-ui-router/release/angular-ui-router.js"></script>
<script src="/webjars/lodash/dist/lodash.js"></script>
<script src="/webjars/bootstrap/js/bootstrap.js"></script>
<script src="/webjars/tether/tether.js"></script>
<script src="/webjars/devextreme/js/dx.all.js"></script>
<script src="/webjars/ngstorage/ngStorage.js"></script>
<!-- App Configuration -->
<script src="ui/app/app.module.js"></script>
<script src="ui/app/app.routing.js"></script>
<script src="ui/app/app.constants.js"></script>
<script src="ui/app/app.run.js"></script>
  1. 如何找到index.html中提供的确切路径以引用js文件。我尝试解压缩依赖jar,但找不到任何信息来识别路径。例如,angular-ui-router在release文件夹下,而其他js文件不在。

  2. 我已经包含了bootstrap版本4.0.0-alpha.6-1,并且需要在我的pom.xml中包含的tether。我认为我没有在index.html中正确引用tether.js的路径。我看到我的胖罐子里有两个依赖项。什么应该是正确的路径,可能是#1的答案将帮助我解决这个问题。

  3. org.webjars tether 1.4.0 
    org.webjars bootstrap 4.0.0-alpha.6-1
    
    **Error**
    
    Uncaught Error: Bootstrap tooltips require Tether (http://tether.io/)
        at bootstrap.js:2749
        at bootstrap.js:3350
        at bootstrap.js:3535
    

0 个答案:

没有答案