首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Spring Boot AngularJs应用程序:使用wro4j-maven-plugin生成角引导程序

Spring Boot AngularJs应用程序:使用wro4j-maven-plugin生成角引导程序
EN

Stack Overflow用户
提问于 2016-11-21 15:34:12
回答 3查看 2.5K关注 0票数 1

我在跟踪本教程第1部分。我已经到了“从角加载动态资源”一节。按照教程的说明,当我使用maven mvn clean package构建应用程序时,wro4j-maven-plugin无法生成角引导程序. per,但是能够成功地生成角引导. is。我在mvn控制台中得到以下警告

代码语言:javascript
运行
复制
$ mvn clean package
[INFO] Scanning for projects...
[INFO]
[INFO] ------------------------------------------------------------------------
[INFO] Building demo 0.0.1-SNAPSHOT
[INFO] ------------------------------------------------------------------------
[INFO]
[INFO] --- maven-clean-plugin:2.6.1:clean (default-clean) @ myDemo ---
[INFO] Deleting E:\workspace\demo\target
[INFO]
[INFO] --- wro4j-maven-plugin:1.8.0:run (default) @ myDemo ---
[INFO] E:\workspace\demo/src/main/wro
[INFO] Executing the mojo:
[INFO] Wro4j Model path: E:\workspace\demo\src\main\wro\wro.xml
[INFO] targetGroups: null
[INFO] minimize: true
[INFO] ignoreMissingResources: null
[INFO] parallelProcessing: false
[INFO] buildDirectory: E:\workspace\demo\target
[INFO] destinationFolder: E:\workspace\demo\target
[INFO] jsDestinationFolder: E:\workspace\demo\target\classes\static\js
[INFO] cssDestinationFolder: E:\workspace\demo\target\classes\static\css
[INFO] The following groups will be processed: [angular-bootstrap]
[INFO] folder: E:\workspace\demo\target\classes\static\css
[INFO] processing group: angular-bootstrap.css
[WARNING] Less warnings are:
[WARNING] 0:2 Cannot link source map. Css result location is not know and could not be deduced from input less source..
[INFO] folder: E:\workspace\demo\target\classes\static\js
[INFO] processing group: angular-bootstrap.js
[INFO] file size: angular-bootstrap.js -> 240652 bytes
[INFO] E:\workspace\demo\target\classes\static\js\angular-bootstrap.js (240652 bytes)

因此,当我运行应用程序时,我将获得404的角引导文件。请让我知道我哪里出错了。请查找下面的相关配置。

/demo/src/main/wro/wro.xml

代码语言:javascript
运行
复制
<groups xmlns="http://www.isdc.ro/wro">
  <group name="angular-bootstrap">
    <css>webjar:bootstrap/3.3.7-1/less/bootstrap.less</css>   
    <css>file:@project.basedir@/src/main/wro/main.less</css>
    <js>webjar:jquery/2.2.4/jquery.min.js</js>
    <js>webjar:angularjs/1.4.9/angular.min.js</js>
    <js>webjar:angularjs/1.4.9/angular-route.min.js</js>
    <js>webjar:angularjs/1.4.9/angular-cookies.min.js</js>
   </group>
</groups>

/demo/src/main/wro/wro.properties

代码语言:javascript
运行
复制
preProcessors=lessCssImport
postProcessors=less4j,jsMin

/demo/src/main/wro/main.less实际上这个文件是空的。

/demo/pom.xml

代码语言:javascript
运行
复制
<build>

  <plugins>
    <plugin>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-maven-plugin</artifactId>
    </plugin>
    <plugin>
      <groupId>ro.isdc.wro4j</groupId>
      <artifactId>wro4j-maven-plugin</artifactId>
      <version>1.8.0</version>
      <executions>
        <execution>
          <phase>generate-resources</phase>
          <goals>
            <goal>run</goal>
          </goals>
        </execution>
      </executions>
      <configuration>
        <wroManagerFactory>ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory</wroManagerFactory>
        <cssDestinationFolder>${project.build.directory}/classes/static/css</cssDestinationFolder>
        <jsDestinationFolder>${project.build.directory}/classes/static/js</jsDestinationFolder>
        <wroFile>${basedir}/src/main/wro/wro.xml</wroFile>
        <extraConfigFile>${basedir}/src/main/wro/wro.properties</extraConfigFile>
        <contextFolder>${basedir}/src/main/wro</contextFolder>
      </configuration>
      <dependencies>
        <dependency>
          <groupId>org.webjars</groupId>
          <artifactId>jquery</artifactId>
          <version>2.2.4</version>
        </dependency>
        <dependency>
          <groupId>org.webjars</groupId>
          <artifactId>angularjs</artifactId>
          <version>1.4.9</version>
        </dependency>
        <dependency>
          <groupId>org.webjars</groupId>
          <artifactId>bootstrap</artifactId>
          <version>3.3.7</version>
        </dependency>
      </dependencies>
    </plugin>
  </plugins>

</build>

我在用

代码语言:javascript
运行
复制
Apache Maven 3.3.9
Java version: 1.8.0_111
spring-boot 1.4.2.RELEASE
OS : windows 10

编辑1

我试过-- mvn中的调试标志。我收到了这条调试消息

代码语言:javascript
运行
复制
[DEBUG] Created file: angular-bootstrap.css
[DEBUG] No content found for group: angular-bootstrap.css
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-11-21 18:39:21

在更改pom.xml中的引导程序版本后,该问题得到了解决,如下所示

代码语言:javascript
运行
复制
<dependency>
  <groupId>org.webjars</groupId>
  <artifactId>bootstrap</artifactId>
  <version>3.3.7-1</version>
</dependency>

现在,角引导. Now正在被成功地生成。

票数 3
EN

Stack Overflow用户

发布于 2016-12-16 22:21:41

在该教程之后,我遇到了同样的问题,并通过从wro4j <plugin>...</plugin>块复制pom.xml和从示例页面上链接的github项目中的wro.xml文件内容来克服它,而不是使用该页面上的代码示例。

票数 1
EN

Stack Overflow用户

发布于 2017-02-18 02:16:51

实际上,您可以在与解决方案一起发布的github存储库上找到一个更新版本(我还为此发布了一个拉请求)。

问题是,当他们重复jquery、bootstrap和angularjs版本时,我发现它违背了枯燥的原则。

纠正问题的三个步骤:

  1. 在一个地方定义版本(Maven属性元素): UTF-8 UTF-8 1.8 1.8.0 3.3.7-1 1.5.9 3.1.1-1
  2. 重用生成的资源文件夹,允许IntelliJ和其他IDE在插件配置中解析生成文件的路径: ${project.basedir}/src/main/resources maven- ${project.build.directory}/generated-resources -project.basedir-plugin复制-资源验证复制资源${basedir}/target/wro src/main/wro真org.springframework.boot春-启动-maven-插件ro.isdc.wro4j wro4j-maven-插件${wro4j.version}编译运行wro4j.version${project.build.directory}/generated-resources/static/css ${project.build.directory}/generated-resources/static/js ${project.build.directory}/wro/wro.xml ${project.build.directory}/wro/wro.properties ${project.build.directory}/wro org.webjars jquery ${jquery.version} org.webjars angularjs ${angularjs.version} org.webjars引导${bootstrap.version}
  3. 利用wro.xml中的Spring属性筛选: webjar:bootstrap/@bootstrap.version@/less/bootstrap.less文件:src/main/wro/main.less webjar:jquery/@jquery.version@/jquery.min.js webjar:angularjs/@angularjs.version@/angular.min.js webjar:angularjs/@angularjs.version@/angular-route.min.js webjar:angularjs/@angularjs.version@/angular-cookies.min.js
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40723820

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档