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

发布了69 篇原创文章 · 获赞 35 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qyl_0316/article/details/100177012
今日推荐