外企外包的一些的总结(前端开发-2)

上篇提到Angularjs利用gulp(和webpack类似，一种打包工具)来实现本地快速调试的内容。

本篇将阐述下在Angular4.0组件化开发中本地调试的一些内容。

主要还是在proxy.conf.json文件中做配置来实现本地来接远程服务器的调试。

angular/proxy.conf.json

{

"/dbox": {

"target": "https://www.google1.com",

"target.localhost": "http://localhost:8080",

"secure": false,

"changeOrigin": true,

"headers": {

"x-auth-token": "6fde5f1a-f6fc-4b90-a68a-b0ab7d849d6c"

}

}

}

也是先获取服务器Request Headers 中的 x-auth-token 的value ,并且替换proxy.conf.json中的值，保存，然后执行命令yarn start(注意在angular目录下)启动服务即可。

额为总结：

require('uglifyjs-webpack-plugin') 这个 代码压缩插件来进行js,scss,css,image等资源打包压缩。

并且定义编码的规范，格式，tslint.json,tsconfig.json,还有angular配套的protractor,carma测试配置，以及webpack-polyfill-config.js,angular-cli,e2e 等等一系列配置，因为项目工程比较大比较多，所以这些工作是必须要做的。这样才能实现项目的有效管理，提高质量，和后期容易维护扩展。