This commit is contained in:
qianguyihao 2018-03-08 23:40:17 +08:00
parent 1ea1faeafb
commit 4a0d529470

View File

@ -25,7 +25,7 @@
下面分别讲一下。 下面分别讲一下。
### 合并、抽取 ### 1&2合并和抽取
我们发现,首页引入了很多`<style>`css 我们发现,首页引入了很多`<style>`css
@ -43,18 +43,22 @@
``` ```
### 压缩 ### 3、压缩
给生产环境的代码做压缩工作。 给生产环境的代码做压缩工作。
js压缩用webpack官网提到的[`Minification`](https://doc.webpack-china.org/guides/production/#minification),推荐的插件是`UglifyJSPlugin`。指导链接:<https://doc.webpack-china.org/plugins/uglifyjs-webpack-plugin> js压缩用webpack官网提到的[`Minification`](https://doc.webpack-china.org/guides/production/#minification),推荐的插件是`UglifyJSPlugin`。
`UglifyJSPlugin`的指导链接:<https://doc.webpack-china.org/plugins/uglifyjs-webpack-plugin>
css压缩用css loader。 css压缩用css loader。
### 调试 ### 4、调试
如果要让线上的代码支持**线上调试**,就要开启**sourceMap**。指导链接:<https://doc.webpack-china.org/guides/production/#source-map> 如果要让线上的代码支持**线上调试**,就要开启`sourceMap`。
`sourceMap`的指导链接:<https://doc.webpack-china.org/guides/production/#source-map>
## 发布部署 ## 发布部署
@ -69,22 +73,24 @@ css压缩用css loader。
- 更新CDN - 更新CDN
### 提交 下面分别讲一下。
### 1、提交
使用Git提交代码管理线上版本。 使用Git提交代码管理线上版本。
### 部署 ### 2、部署
php、java等服务器端从Git仓库拉去代码依次部署到小流量、单机房、跨机房、全量部署。 php、java等服务器端从Git仓库拉去代码依次部署到小流量、单机房、跨机房、全量部署。
流程是这样的前端人员提交代码到Git仓库后端或者运维人员负责部署代码。后端人员先把代码部署到小流量一台机器上供前端人员测试如果没有问题就开始部署单机房等等。 流程是这样的前端人员提交代码到Git仓库后端或者运维人员负责部署代码。后端人员先把代码部署到小流量一台机器上供前端人员测试如果没有问题就开始部署单机房等等。
### gzip压缩 ### 3、gzip压缩
gzip一般是服务器端在Ngix就配置好了但是前端人员一定要检查确认一下 css 文件和 js文件有没有开启gzip压缩避免服务器端人员把这个漏掉了。 gzip一般是服务器端在Ngix就配置好了但是前端人员一定要检查确认一下 css 文件和 js文件有没有开启gzip压缩避免服务器端人员把这个漏掉了。
### 更新CDN ### 4、更新CDN
CDN的更新有很多种方式。 方式一一般情况下CDN厂商会给业务方提供CDN更新的接口。方式二有的情况下会采用自动更新。不管是哪种方式一定要检查线上的CDN的源代码是否更新了。 CDN的更新有很多种方式。 方式一一般情况下CDN厂商会给业务方提供CDN更新的接口。方式二有的情况下会采用自动更新。不管是哪种方式一定要检查线上的CDN的源代码是否更新了。