如何在 Eclipse 中 运行 一个带有 Bower 的 Maven Web 应用程序？

Question

我正在尝试将 Bower 集成到我的 maven webapp 中，这是我的 pom.xml 和 bower.json，但我无法下载依赖项。这是我的 pom.xml 和 bower.json files.And 还有一个问题我需要 nodejs 或 npm 帮助来下载依赖项吗？

bower.json:

{
"name": "Bower1",
"version": "1.0.0",

"description": "javaee7-angular JavaScript dependencies.",
"private": true,
"dependencies": {
    "angular": "1.2.0",
    "jquery": "1.9.1",
    "angular-bootstrap": "0.10.0",
    "angular-grid": "2.0.7"
}

}

pom.xml:

<dependencies>
    <dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>3.8.1</version>
        <scope>test</scope>
    </dependency>
</dependencies>
<build>

    <finalName>Bower1</finalName>
    <plugins>
        <plugin>
            <groupId>org.codehaus.mojo</groupId>
            <artifactId>exec-maven-plugin</artifactId>
            <executions>
                <execution>
                    <phase>generate-sources</phase>
                    <goals>
                        <goal>exec</goal>
                    </goals>
                </execution>

            </executions>
            <configuration>
                <executable>bower</executable>
                <arguments>
                    <argument>install</argument>
                </arguments>
                <workingDirectory>${basedir}/src/main/webapp</workingDirectory>
            </configuration>
        </plugin>
    </plugins>

</build>

Answer 1

Bower 需要 npm（节点包管理器），因此请安装 npm 并确保它在您的 PATH 中，

npm 下载：https://nodejs.org/en/download/

Answer 2

在 Maven eclipse 项目中逐步 运行 bower：

1.install 本地系统中的 npm

2.Add下面插件在你的mavenpom.xml<build></build>tags

<plugins>
        <plugin>
            <groupId>com.github.eirslett</groupId>
            <artifactId>frontend-maven-plugin</artifactId>
            <version>0.0.20</version>
            <executions>
                <execution>
                    <id>bower install</id>
                    <goals>
                        <goal>bower</goal>
                    </goals>
                    <configuration>
                        <arguments>install</arguments>
                    </configuration>
                </execution>
            </executions>

        </plugin>

    </plugins>

3.Add 您的 webapp 根文件夹中的以下 bower.json 文件

 {
"name": "BowerTest",
"version": "1.0.0",
"private": true,
"dependencies": {
    "angular": "1.2.0",
    "jquery": "1.9.1",
    "bootstrap":"3.3.7",
    "css":""
}}

4。如果您想添加任何依赖项，请在 dependencies 中添加您的依赖项，如上所示 bower.json 文件。

5. 然后右键单击您的项目单击 bower install 安装后，将在您的根路径中创建一个文件夹，如 bower_components 在那里您可以找到您的依赖项，然后将该依赖项引用到您的视图层.