前端打包工具

最新推荐文章于 2024-07-18 16:07:18 发布

sinat_30075299

最新推荐文章于 2024-07-18 16:07:18 发布

阅读量512

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/sinat_30075299/article/details/103195900

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、利用maven的build插件frontend-maven-plugin进行前端打包

<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<configuration>
<installDirectory>xxx</installDirectory><!-- node安装位置-->
<workingDirectory>xxxx</workingDirectory><!-- webpack的工作目录，前端源代码目录 -->
<npmRegistryURL>XXXX</npmRegistryURL><!--node下载库 -->
</configuration>
<executions><!--执行npm命令 -->
<execution>
<id>install node and npm</id>
<goals>
<goal>install-node-and-npm</goal>
</goals>
<configuration>
<nodeVersion>xxx</nodeVersion><!-- node版本-->
<nodeDownloadRoot>http://npm.taobao.org/mirrors/node/</nodeDownloadRoot><!--淘宝镜像 -->
</configuration>
</execution>
<execution>
<id>npm install</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install</arguments>
</configuration>
</execution>
<execution>
<id>get registry</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>config get registry</arguments>
</configuration>
</execution>
<execution>
<id>npm run-script build</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>run build</arguments>
</configuration>
</execution>
</executions>

2、再利用maven-antrun-plugin插件将打完包生成文件复制到指定目录