本地build方法

我们工程前端打包是用grunt实现的。以下就是准备grunt环境build代码

1. 安装nodeJS

在nodeJS官网下载nodeJS windows版本安装，一路next就ok了。 验证是否安装成功，cmd里执行

node -v

npm的相关命令大家可以去这里看npm帮助文档

2. 设置代理

因为网络安全原因，需要设置下代理才能从npm上拉取到插件，就用自己的域账号：域密码就可以。proxynj.xxx.com、proxy.xxx.com、proxyhk.xxx.com中那个能用就设置那个，设置方法：在cmd里执行

$ npm config set proxy http://域账号:域密码@proxynj.xxx.com:8080
$ npm config set https-proxy http://域账号:域密码@proxynj.xxx.com:8080

3. grunt-cli安装

在终端里执行npm install [xxx] 命令，参考gruntJS官网

npm install -g grunt-cli

这里 -g表示安装到全局

4. 安装build所需的grunt插件

进入我们代码目录EC2_UI\ecs-console\src\main\webapp，在此打开cmd或者Git Bash,执行插件安装命令

npm install

这样就会在wabapp目录下生成node_modules目录，grunt的插件都在这里。 执行

grunt

就可以打包出文件，在webapp/build目录下面

利用fiddle代理本地文件到类生产或者线上

安装最新版的fiddler，打开fiddle监听http请求，在fiddler拦截到的请求中找到你需要代理的文件，在右侧AutoResponder中勾选Enable automatic response和Unmatched requestpassthrough,将左侧抓取到的清理里需要代理文件拖到右侧，在下面的选择框里选择find a file,找到你build后的文件，save下就代理成功了。

注意：打包之前看下线上文件的时间戳，在gruntfile里的这个地方改下

        marsRev: {
            options: {
                prefix: "1438056244731", //文件前缀

但是提交时候一定不要把这个提交上去，切记，有merge权限的人也需要注意一定不要把改动merge进来。