问题标签 [wro4j]

使用Wro-maven plugin版本1.8.0。更新 CSS 文件时，一旦在 Maven 上触发全新安装，更改将丢失在 CSS 文件中并且存在旧文件。

请帮忙。

我正在尝试来自 spring.io 的本教程（https://spring.io/guides/tutorials/spring-security-and-angular-js/），我收到了这个错误。

错误：[$injector:modulerr] http://errors.angularjs.org/1.4.9/$injector/modulerr?p0=hello%20&p1=%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.4.9%2F%24injector%2Fnomod%3Fp0%3Dhello%2520%0AM% 2F%3C%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A85925%0Ahe%2F%3C%2F%3C%2F%3C%40http%3A%2F%2Flocalhost%3A8080% 2Fjs%2Fangular-bootstrap.js%3A4%3A1716%0Ab%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A4%3A1258%0Ahe%2F%3C%2F%3C%40http%3A% 2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A4%3A1501%0Ag%2F%3C%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A5%3A4212%0An%40http% 3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A86371%0Ag%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A5%3A4060%0Adb%40http%3A% 2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap。js%3A5%3A5856%0Azc%2Fc%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A3%3A1485%0Azc%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap。 js%3A3%3A1798%0Ace%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A3%3A1105%0A%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js% 3A14%3A20478%0An.Callbacks%2Fi%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A27146%0An.Callbacks%2Fj.fireWith%40http%3A%2F%2Flocalhost%3A8080% 2Fjs%2Fangular-bootstrap.js%3A2%3A27914%0A.ready%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A29705%0AJ%40http%3A%2F%2Flocalhost%3A8080% 2Fjs%2Fangular-bootstrap.js%3A2%3A29890%0Ajs%3A3%3A1105%0A%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A14%3A20478%0An.Callbacks%2Fi%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular- bootstrap.js%3A2%3A27146%0An.Callbacks%2Fj.fireWith%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A27914%0A.ready%40http%3A%2F%2Flocalhost% 3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A29705%0AJ%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A29890%0Ajs%3A3%3A1105%0A%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A14%3A20478%0An.Callbacks%2Fi%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular- bootstrap.js%3A2%3A27146%0An.Callbacks%2Fj.fireWith%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A27914%0A.ready%40http%3A%2F%2Flocalhost% 3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A29705%0AJ%40http%3A%2F%2Flocalhost%3A8080%2Fjs%2Fangular-bootstrap.js%3A2%3A29890%0A

我创建了一个 Spring Boot 应用程序。这是应用程序的结构

这是我的代码：

Pom.xml

我正在使用 Wro4j 库，这是一个基于 java 的工具链，用于预处理和打包前端资产。它生成要嵌入到 JAR 文件中的 angularjs 库文件和引导文件。

index.hml (src/main/resources/static/index.html)

hello.js 应用程序文件 (src/main/resources/static/js/hello.js)

为了使 wro4j 正常工作，还需要设置一些属性文件。这些文件是：

• main.less
• 错误属性
• wro.xml

以下是这些“wro4j”配置文件的内容。

main.less 为空

错误属性

wro.xml

spring-boot应用的主应用文件如下

当我运行应用程序时，浏览器除了静态内容“问候”之外什么都没有显示。不显示动态内容。并且浏览器控制台以粗体显示上面显示的错误。

有人可以帮我解决这个问题吗？

我正在使用 RubySassCss 编译我的 sass 文件，如下所示：

样式.scss：

_template.scss：

但我得到这个错误：

Sass::SyntaxError: Undefined variable: "$background-color".

我在这里尝试做的是一个基于 sass 变量的模板系统，所以如果我改变 body className 模板（css 值）也会改变。

更新：

当我用@import "_template.scss";我的 _template 文件的内容替换代码时，代码就像一个魅力，但我真正的 _template 文件太长而且我有很多模板和很多变量，所以我不能使用这个解决方法。

交易是这样的：我们有一个带有遗留和自定义代码的大型产品来处理我们所有前端资产的缩小、打包、编译（对于更少的文件）。

我们考虑使用 wro4j，但我遇到过多篇建议使用 grunt 或 gulp 的文章。

我在这里寻找关于哪个是最佳选择的建议。

TLDR；

Eclipse 似乎没有检测到已编译的 css 文件中的更改，并且不会在正在运行的服务器上重新加载它们。

问题

每次我更新一个较少的文件时，我都可以使用wro4j从较少的文件中成功生成 css文件。

我已经从官方 Spring Boot 网站本身遵循了本教程。

教程中的文字

wro4j-maven-plugin 具有一些 Eclipse 集成功能，您可以从 Eclipse Marketplace 安装它（如果这是您第一次尝试，请稍后尝试 - 完成应用程序不需要它）。如果您这样做，那么 Eclipse 将监视源文件并在它们发生更改时重新生成输出。如果您在调试模式下运行，则可以立即在浏览器中重新加载更改。

我使用了wro4j eclipse 集成，如果源文件发生更改，它会重新生成输出，但是这些更改不能在浏览器中重新加载。

但是，如果我在生成后手动修改编译后的css，则通过eclipse/spring-boot成功重新加载更改。因此，目前在我对较少的文件进行更改后，会生成 css 文件，但不会被正在运行的服务器拾取。我必须打开已编译的文件，输入一个空格并执行退格并保存它，然后才重新加载它。

关于如何解决这个问题的任何想法？

编辑： Eclipse 正在重新加载所有更改，除非文件已自动生成。例如。如果我修改我的 html 文件之一，它会立即重新加载它们。但是，如果我修改了一个较少的文件，而该文件又修改了 css 文件..这保持不变..即使在重新启动后。

我认为这也可能是因为现在缓存，但我尝试了这些设置，但它仍然无法正常工作

我必须使用 wro4j 运行时解决方案。但是，处理后的 css 文件对服务器的第一次请求非常慢。

对于生产模式，我希望 wro4j 在应用程序启动时生成它的文件，以避免第一次缓慢的请求。

这是我的情况，以防有人建议我采用另一种方法：

我有一个 Maven 项目，它只构建一次（比如 generic.war），但为每个托管客户端（client1.war、client2.war 等）定制。
对于每个客户端，可以在不同级别覆盖应用程序的外观。

所以我有一个通用的 maven 项目，然后是另一个解包战争的例程（generic.war），通过简单地覆盖所需的文件来自定义它，然后为特定的客户端重新打包它（即：client1.war）。

这种通过覆盖文件来生成特定战争的方法已经存在并一直在使用。

但现在我想在这个系统上使用 wro4j。第一个想法是执行上述操作，从通用文件中覆盖 .less 文件，并依靠运行时 wro4j 进行具体战争（client1.war、client2.war 等）中的最终处理。

但我不希望第一个请求挂起，我希望第一个请求的组已经在缓存中。

我看到了这篇文章，但它现在有点老了，我没有找到如何应用推荐的解决方案（没有示例，关于如何从 ServletContextListener 触发处理的部分我不清楚）。

提前致谢 ：）

我已经为 UI 使用了 spring boot + apache tile framework(org.apache.tiles)。

我正在尝试添加wro4j到我的应用程序中。但没有获得成功。我指的是这个链接。

当我尝试从网络浏览器访问页面时，它会给出以下错误 StackTrace，

有人可以帮我吗？我到底出了什么问题？

我有几个 .js 文件，每个文件都包含一个模块，每个模块都有以下模式（这是一个简化的示例）：

当我使用 wro4j 来缩小和合并所有 js 文件时，我在 firefox 中得到一个错误，如标题所示。

这是已解析模块在缩小文件中的外观：

"use strict";var aModule=(function(){…… }};})();"use strict";var anotherModule_

在我的应用程序中首次使用模块时会发生此错误，无论是从主 jsp 还是从模块中的调用到另一个模块。

您认为这与当前版本的 wro4j 仍然无法正确处理的 ES6 功能有关吗？

让我知道我是否应该更新更多信息，谢谢。

我正在关注以下教程Spring and Angular JS: A Secure Single Page Application

pom.xml 如下 -

wro.xml：

索引.html：

应用程序.js：

HomeController.js：

主页.html：

当我访问 index.html 时，我遇到了错误。ReferenceError: $http 未定义

我已经在浏览器中验证了 angular-botstrap.js 已成功加载。 所有 Angular 控制器都是在 angular-bootstrap.js 之后加载的，但我仍然收到此错误。

任何人都可以在这里提供帮助，因为我不知道为什么会发生这种情况？

当在 Hyrbis 插件中使用 wro4j 进行缩小时，js 文件不会被添加到生成的缩小/连接输出 (/wro/addons_responsive.js) 中，但第三方插件不会被拉入 OOTB 插件。

我已将他们的路径添加到特定店面的 wro.xml 并具有 wro4jconfigscan。addon =true 相关插件 project.properties.template 文件中的属性。

我不太清楚我错过了拼图的哪一部分。有什么想法吗？