前言:
RequireJS版本:2.3.5
Node版本:v8.11.2(打包之前需要安装)
一、安装RequireJS
npm install -g requirejs(需要提前安装nodejs)
二、单模块打包单文件
r.js.cmd -o baseUrl=static name=test out=built.js
解读:baseUrl是需要打包的模块所在的文件夹
name是模块名,后面不需要加.js
out是输出名
三、单模块打包多文件
首先看一下目录结构
step1 写一个js文件
命名为app.build.js,与static目录同级别,内容如下:
step2 写一个配置文件
命名为require.config.js,放置于static/js目录下,内容如下所示:
step3 打包
node r.js -o app.build.js
四、多模块打包多文件
只是把上面的app.build.js内容修改为下面的内容即可:
使用同样的命令:node r.js -o app.build.js
五、npm与maven结合实现自动打包
在pom文件适当位置加入下面代码:
<plugin> <groupId>com.github.eirslett</groupId> <artifactId>frontend-maven-plugin</artifactId> <version>1.0</version> <executions> <execution> <!-- optional: you don't really need execution ids, but it looks nice in your build log. --> <id>install node and npm</id> <goals> <goal>install-node-and-npm</goal> </goals> <!-- optional: default phase is "generate-resources" --> <phase>generate-resources</phase> <configuration> <nodeVersion>v8.11.2</nodeVersion> <npmVersion>3.8.6</npmVersion> </configuration> </execution> <execution> <id>npm run package</id> <goals> <goal>npm</goal> </goals> <configuration> <arguments>run package</arguments> </configuration> </execution> </executions> </plugin>
打开dos命令行,执行命令:mvn clean package