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…
Reference in New Issue
Block a user