如何组织应用程序和 Maven 的基础构建？答案

【问题标题】：How to organize build with foundation for apps and Maven?如何组织应用程序和 Maven 的基础构建？
【发布时间】：2016-03-17 10:51:11
【问题描述】：

我有一个项目：

Java 服务器是部署在 Tomcat 上的 WAR。它包括我的实体、DAO、服务和 API 的所有 Java 代码。
用Foundation for Apps构建的JS客户端。它包括 Angular JS、Bower、Gulp 和 Sass。

我正在尝试组织这个项目的构建过程，但实施起来有困难。

正如本文How to organize full build pipeline with Gulp, Maven and Jenkins 中所说，我尝试使用frontend-maven-plugin 但没有成功。

我有以下错误：

`
[ERROR] 
[ERROR] events.js:141
[ERROR]       throw er; // Unhandled 'error' event
[ERROR]       ^
[ERROR] Error: client\assets\scss\_settings.scss
[ERROR] Error: File to import not found or unreadable: helpers/functions
[ERROR]        Parent style sheet: C:/Dev/Code/Porteo/fr.porteo.parent/fr.porteo.jersey/porteo_fa/client/assets/scss/_settings.scss
[ERROR]         on line 32 of client/assets/scss/_settings.scss
[ERROR] >> @import "helpers/functions";
[ERROR]    ^`

_settings.css 文件似乎有问题。他不认识标签@import。但是问题出在哪里？它肯定来自 maven 和 frontent-maven-plugin 但如何修复它？

这里是我的 pom.xml 插件依赖和执行（只需要 npm start 来运行基础项目）：

        <plugin>
            <groupId>com.github.eirslett</groupId>
            <artifactId>frontend-maven-plugin</artifactId>
            <!-- NB! Set <version> to the latest released version of frontend-maven-plugin, like in README.md -->
            <version>0.0.29</version>

            <configuration>
                <workingDirectory>my_foundation_project</workingDirectory>
            </configuration>

            <executions>

                <execution>
                    <id>install node and npm</id>
                    <goals>
                        <goal>install-node-and-npm</goal>
                    </goals>
                    <configuration>
                        <nodeVersion>v5.3.0</nodeVersion>
                        <npmVersion>3.3.12</npmVersion>
                    </configuration>
                </execution>

                <execution>
                    <id>npm start</id>
                    <goals>
                        <goal>npm</goal>
                    </goals>
                    <configuration>
                        <arguments>start</arguments>
                    </configuration>
                </execution>                       
            </executions>
        </plugin>

那么，您有什么解决方案或更好的方法来实现这两个应用程序吗？

【问题讨论】：

标签： angularjs maven gulp zurb-foundation

【解决方案1】：

Issue with similar symptoms - 由 bower 权限不匹配引起

【讨论】：