Maven和React整合进行插件统一打包

插件frontend-maven-plugin

通过插件frontend-maven-plugin执行NPM编译。

  1. 首先是在jenkins打包的机器上安装node和yarn(或者直接使用npm)。
  2. 执行yarn config set registry 来进行设置镜像。防止公司只能访问内部网络的npm镜像地址。
  3. 执行yarn build 来执行NPM编译操作。
<!-- 执行NPM编译 -->
<plugin>
    <groupId>com.github.eirslett</groupId>
    <artifactId>frontend-maven-plugin</artifactId>
    <version>1.6</version>
    <configuration>
        <!--JONE的node和yarn的下载地址 不可变动-->
        <installDirectory>/usr/soft</installDirectory>
       <!-- <installDirectory>target</installDirectory>-->
        <skip>${skipBuild}</skip>
        <nodeVersion>v8.9.4</nodeVersion>
        <npmVersion>5.6.0</npmVersion>
        <yarnVersion>v1.3.2</yarnVersion>
        <!-- 下载地址欺骗 实际执行构建服务器 -->
        <nodeDownloadRoot>http://nodejs.org/dist/</nodeDownloadRoot>
        <yarnDownloadRoot>http://github.com/yarnpkg/yarn/releases/download/</yarnDownloadRoot>
    </configuration>
    <executions>
        <!--<execution>-->
            <!--<id>install node and yarn</id>-->
            <!--<goals>-->
                <!--<goal>install-node-and-yarn</goal>-->
            <!--</goals>-->
            <!--<phase>generate-resources</phase>-->
        <!--</execution>-->
        <execution>
            <id>yarn config set</id>
            <goals>
                <goal>yarn</goal>
            </goals>
            <configuration>
                <arguments>config set registry https://registry.npm.taobao.org</arguments>
            </configuration>
        </execution>
        <execution>
            <id>yarn install</id>
            <goals>
                <goal>yarn</goal>
            </goals>
            <configuration>
                <arguments>install</arguments>
            </configuration>
        </execution>
        <execution>
            <id>yarn build</id>
            <goals>
                <goal>yarn</goal>
            </goals>
            <configuration>
                <arguments>build</arguments>
            </configuration>
        </execution>
    </executions>
</plugin>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值