上篇提到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 等等一系列配置,因为项目工程比较大比较多,所以这些工作是必须要做的。这样才能实现项目的有效管理,提高质量,和后期容易维护扩展。