我是一个Angular2的新手。我的项目技术栈是Angular2和typescript，后端使用spring。我不想使用node服务器编译我的前端，而是希望使用TOMCAT和Maven。我有几个问题。
有人可以给我一个逐步指南，以创建一个Angular2 + Spring应用程序，使用“bower或任何其他工具进行前端任务管理，如文件最小化，创建应用框架”，并使用“Maven进行后台任务管理”吗？我对任何建议都持开放态度。
我在我的Angular 2 + Spring Boot应用程序中使用TypeScript .ts文件，并通过Maven运行npm install来安装依赖项，然后通过exec-maven-plugin 运行npm run tsc将.ts文件转换为.js文件。
下面是我的pom.xml文件中的插件部分。在我的应用程序中，package.json、tsconfig.json和typings.json都位于src/main/resources路径下，因此在该路径下运行npm任务。
pom.xml
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>1.3.5.RELEASE</version>
</parent>
<packaging>war</packaging>
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<configuration>
<source>1.8</source>
<target>1.8</target>
</configuration>
</plugin>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>exec-maven-plugin</artifactId>
<executions>
<execution>
<id>exec-npm-install</id>
<phase>generate-sources</phase>
<configuration>
<workingDirectory>${project.basedir}/src/main/resources</workingDirectory>
<executable>npm</executable>
<arguments>
<argument>install</argument>
</arguments>
</configuration>
<goals>
<goal>exec</goal>
</goals>
</execution>
<execution>
<id>exec-npm-run-tsc</id>
<phase>generate-sources</phase>
<configuration>
<workingDirectory>${project.basedir}/src/main/resources</workingDirectory>
<executable>npm</executable>
<arguments>
<argument>run</argument>
<argument>tsc</argument>
</arguments>
</configuration>
<goals>
<goal>exec</goal>
</goals>
</execution>
</executions>
</plugin>
我的Angular2 + Spring Boot应用程序文件夹结构如下：
src/main/resources
/app - .ts and converted .js
/css
/images
/js - systemjs.config.js is also placed here
/node_modules - generated by npm install and will include in war
/typings
application.properties
package.json
tsconfig.json
typings.json
src/main/webapp
/WEB-INF
/jsp - all .jsp files
<script type="text/javascript" src="webjars/zone.js/0.6.12/dist/zone.js"></script>
<script type="text/javascript" src="webjars/reflect-metadata/0.1.3/Reflect.js"></script>
<script type="text/javascript" src="webjars/systemjs/0.19.27/dist/system.js"></script>
<script type="text/javascript" src="js/systemjs.config.js"></script>
以下是我的WebMvcConfigurerAdapter代码，用于映射路径：
@Configuration
@EnableWebMvc
@ComponentScan(basePackages = "com.my.controller")
public class WebConfig extends WebMvcConfigurerAdapter {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
if (!registry.hasMappingForPattern("/webjars/**")) {
registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");
}
if (!registry.hasMappingForPattern("/images/**")) {
registry.addResourceHandler("/images/**").addResourceLocations("classpath:/images/");
}
if (!registry.hasMappingForPattern("/css/**")) {
registry.addResourceHandler("/css/**").addResourceLocations("classpath:/css/");
}
if (!registry.hasMappingForPattern("/js/**")) {
registry.addResourceHandler("/js/**").addResourceLocations("classpath:/js/");
}
if (!registry.hasMappingForPattern("/app/**")) {
registry.addResourceHandler("/app/**").addResourceLocations("classpath:/app/");
}
if (!registry.hasMappingForPattern("/node_modules/**")) {
registry.addResourceHandler("/node_modules/**").addResourceLocations("classpath:/node_modules/");
}
}
@Bean
public InternalResourceViewResolver internalViewResolver() {
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setPrefix("/WEB-INF/jsp/");
viewResolver.setSuffix(".jsp");
viewResolver.setOrder(1);
return viewResolver;
}
}
需要提及的一件事是，如果操作系统是 Windows 或 Mac，运行 exec-maven-plugin 在 eclipse 上会遇到一些问题。在 Linux（Ubuntu）上似乎没有任何问题。 在 Windows 或 Mac 上从 eclipse 运行构建时，问题在于它无法理解 npm 命令并尝试查找此类文件，即使 maven 构建在终端或命令窗口上完全正常。
为了解决这个问题，我做了一些调整。 对于 Mac，创建 node 和 npm 的符号链接，放置在 /usr/bin 路径下，如下所示。 但是修改 /usr/bin 是不允许的，所以我在重启后通过恢复磁盘完成了这个过程。
lrwxr-xr-x 1 root wheel 17 May 22 03:01 node -> ../local/bin/node
lrwxr-xr-x 1 root wheel 44 May 22 02:50 npm -> ../local/lib/node_modules/npm/bin/npm-cli.js
对于Windows系统，我在系统路径下创建了node.bat和npm.bat文件，如下所示。完成后，从Windows 10的eclipse和命令窗口都可以很好地进行maven构建。
npm.bat
@echo off
set arg1=%1
set arg2=%2
set arg3=%3
set arg4=%4
C:\Progra~1\nodejs\npm.cmd %arg1% %arg2% %arg3% %arg4%
<executable>npm.cmd</executable> 而不是 <executable>npm</executable>。这样在 Windows 上的 IntelliJ 中就可以正常工作，而无需任何 .bat 文件。 - Daniel Stradowski