update
This commit is contained in:
		
							parent
							
								
									1ea1faeafb
								
							
						
					
					
						commit
						4a0d529470
					
				@ -25,7 +25,7 @@
 | 
			
		||||
 | 
			
		||||
下面分别讲一下。
 | 
			
		||||
 | 
			
		||||
### 合并、抽取
 | 
			
		||||
### 1&2:合并和抽取
 | 
			
		||||
 | 
			
		||||
我们发现,首页引入了很多`<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。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### 调试
 | 
			
		||||
### 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
 | 
			
		||||
 | 
			
		||||
### 提交
 | 
			
		||||
下面分别讲一下。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
### 1、提交
 | 
			
		||||
 | 
			
		||||
使用Git提交代码,管理线上版本。
 | 
			
		||||
 | 
			
		||||
### 部署
 | 
			
		||||
### 2、部署
 | 
			
		||||
 | 
			
		||||
php、java等服务器端从Git仓库拉去代码,依次部署到小流量、单机房、跨机房、全量部署。
 | 
			
		||||
 | 
			
		||||
流程是这样的:前端人员提交代码到Git仓库,后端或者运维人员负责部署代码。后端人员先把代码部署到小流量(一台机器上),供前端人员测试;如果没有问题,就开始部署单机房等等。
 | 
			
		||||
 | 
			
		||||
### gzip压缩
 | 
			
		||||
### 3、gzip压缩
 | 
			
		||||
 | 
			
		||||
gzip一般是服务器端在Ngix就配置好了,但是前端人员一定要检查确认一下 css 文件和 js文件有没有开启gzip压缩,避免服务器端人员把这个漏掉了。
 | 
			
		||||
 | 
			
		||||
### 更新CDN
 | 
			
		||||
 | 
			
		||||
### 4、更新CDN
 | 
			
		||||
 | 
			
		||||
CDN的更新有很多种方式。 方式一:一般情况下,CDN厂商会给业务方提供CDN更新的接口。方式二:有的情况下,会采用自动更新。不管是哪种方式,一定要检查线上的CDN的源代码是否更新了。
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user