【发布时间】：2017-01-27 12:42:50
【问题描述】：
我最近看到了frontend-maven-plugin，尽管我会在我正在处理的遗留项目 (JSP) 中尝试一下以简化部署。
我把所有的 .js 代码都拿出来变成了一个 webpack 项目，当用 npm run dist 调用它时会创建 frontend_bundle.js。
然后我按照 [使用说明] (https://github.com/eirslett/frontend-maven-plugin#usage) 添加了一个 pom：
<artifactId>frontend</artifactId>
<version>1.5.1</version>
<packaging>jar</packaging>
<build>
<plugins>
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<version>1.0</version>
<executions>
<execution>
<id>npm run dist</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>run dist</arguments>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
当我 `mvn clean install' 时，我将整个 frontend_bundle.js 放在一个 webjar 中 - 太棒了！
然后在服务器端我将 jar 包含为依赖项：
<!-- FRONTEND DEPENDENCY -->
<dependency>
<groupId>com.counter</groupId>
<artifactId>frontend</artifactId>
<version>1.5.1</version>
</dependency>
当我 `mvn package' 时，我得到一个 WAR，前端包含在 lib/ 中 唯一的问题是我无法完全链接到 JSP 中的 frontend_bundle.js（我得到 404）：
WEB-INF/pages/index.jsp：
<html>
<body>
<script src="/webjars/counter-webapp-frontend/1.5.1/frontend_bundle.js"></script>
<h1>Maven Webpack JSP Example</h1>
<div id='inject'>
</div>
</body>
</html>
com.example.controller 包中的入口点：
@Controller
public class BaseController extends WebMvcConfigurerAdapter {
private static final String VIEW_INDEX = "index";
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
super.addResourceHandlers(registry);
if (!registry.hasMappingForPattern("/webjars/**")) {
registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");
}
}
@RequestMapping(value = "/", method = RequestMethod.GET)
public String entryPoint(ModelMap model) {
// return index.jsp
return VIEW_INDEX;
}
}
web.xml：
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
version="2.5">
<display-name>Counter Web Application</display-name>
<servlet>
<servlet-name>mvc-dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>mvc-dispatcher</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/mvc-dispatcher-servlet.xml</param-value>
</context-param>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
</web-app>
上下文：
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd">
<context:component-scan base-package="com.example.controller" />
<bean
class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix">
<value>/WEB-INF/pages/</value>
</property>
<property name="suffix">
<value>.jsp</value>
</property>
</bean>
</beans>
现在，当我部署到 maven 时，我得到一个 404 登录控制台：
获取http://localhost:8080/webjars/frontend/1.5.1/frontend_bundle.js
【问题讨论】：
标签： java spring maven jsp webpack