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

Question

我正在尝试将 Bower 集成到我的 Maven Web 应用程序中，这里是我的 pom.xml 和 bower.json，但我无法下载依赖项。这是我的 pom.xml 和 bower.json 文件。还有一个问题是我需要 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

在 Maven eclipse 项目中运行 Bower 的分步过程:

1.在你的本地系统中安装npm

2.在你的maven中添加以下插件pom.xml <build></build>标签

<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.添加以下bower.json文件在你的 webapp根文件夹

 {
"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文件。

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