generator-angular_pro

生成angular项目的初始结构 *webpack配合编译开发

准备工作

1. 安装 yo

   npm install -g yo

2. 安装 generator-angular_pro

   npm install -g generator-angular_pro

使用步骤

1. 使用命令行工具切换到项目目录
2. 初始化配置，配置项参见《配置信息》

   yo angular_pro

3. 安装程序包

   npm install

4. 启动本机服务器

   npm start

配置信息

初始化配置步骤中，会有这些配置项需要输入，说明如下：

• 项目名称：随意
• 域名：也就是上线后的域名
• 本机端口号：一般是80，如果本机同时起了多个开发服务器，可以配置不同的端口号
• 接口服务器地址：服务器地址，如：http://192.168.162.101

服务配置

• proxy配置：在 config/webpack.server.js文件的devServer.proxy属性中。示例：

devServer: {
        port: '80',
        contentBase: "./build",               //静态文件路径
        proxy: {
            "*.do": {
                target: INTERFACESERVER,      //请求地址
                headers: {
                	'host': DOMAIN	          //真实域名
                },
              	secure: false
            }
        }
    }

生成zip包

执行npm run zip命令会自动把dist目录打成zip包

自动上传svn

执行npm run svn命令会自动上传svn：

• 需要有svn项目路径
• 需要配置项目根目录的tools下的pack-zip.js文件里的要上传的目录变量