张志成博客

packagepackage 有两种依赖 dependencies —— 运行依赖，依赖的项该是正常运行该包时所需要的依赖项，就是开发的项目需要的包，如 ui 框架包，react 包之类的。 devDependencies —— 开发依赖，开发的时候需要的依赖项，像一些进行单元测试之类的包或 webpack 打包需要的包。 package 版本号详解在 npm 中安装固定的版本号 pack... 阅读全文…

自动部署装包速度提升现在程序的开发都提倡能用技术放开双手，那就要技术解决，所以现在无论是构建、代码检查、部署或者测试，这些都有一定程度的自动化过程，减少人为操作失误，而这的主题是 npm 装包耗时过长的优化方案。 当我们本地使用 npm 装包时，因为在本地环境中安装依赖是有状态的，如 node_modules，~/.npmrc，~/.npm 一系列硬盘目录及文件，无不构成状态。而在生产环境中... 阅读全文…

当前微前端技术栈统一，仓库只有一个。 适用场景: 项目大，工程多，而都是由一个技术团队负责。 github 项目详情 阅读全文…

前言离线缓存应用，意思就是没有网络的情况下，被缓存的资源能从本地直接返回，让应用在一定范围内能正常运行。 离线应用有以下优点： 在没有网络的情况下也能打开网页。 由于部分被缓存的资源直接从本地加载，对用户来说可以加速网页加载速度，对网站运营者来说可以减少服务器压力以及传输流量费用。 实现离线缓存的技术有两种: AppCache 又叫 Application Cache，目前已经从 We... 阅读全文…

前言配置 Entrycontext OutputfilenamechunkFilenamepathpublicPathcrossOriginloadinglibraryTargetlibrarylibraryExport 在使用 Babel 的项目中接入 React 框架很简单，只需要加入 React 所依赖的 Presets babel-preset-react 与 Babel 相比... 阅读全文…

前言webpack 当下最流行的前端架构工具。 Webpack 是一个打包模块化 JavaScript 的工具，在 Webpack 里一切文件皆模块，通过 Loader 转换文件，通过 Plugin 注入钩子，最后输出由多个模块组合成的文件。Webpack 专注于构建模块化项目。 一切文件：JavaScript、CSS、SCSS、图片、模板，在 Webpack 眼中都是一个个模块，这样的好处... 阅读全文…

pm2日志管理：应用程序日志保存在服务器的硬盘中~/.pm2/logs/ 负载均衡：PM2 可以通过创建共享同一服务器端口的多个子进程来扩展您的应用程序。这样做还允许您以零秒停机时间重新启动应用程序。 终端监控：可以在终端中监控您的应用程序并检查应用程序运行状况（CPU 使用率，使用的内存，请求/分钟等）。 SSH 部署：自动部署，避免逐个在所有服务器中进行 ssh。 静态服务：支持静态服务... 阅读全文…

前言NPM 是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS 代码部署上的很多问题，如允许用户从 NPM 服务器下载别人编写的第三方包到本地使用、允许用户从 NPM 服务器下载并安装别人编写的命令行程序到本地使用、允许用户将自己编写的包或命令行程序上传到 NPM 服务器供别人使用。 以下的操作系统都已 window 的为主，且主要介绍一些我觉得有意思的东西，如简化命令，pac... 阅读全文…

工具virtualBox + CentOS-6.8 virtualBox 官网下载即可。 CentOS-6.8 这个镜像有点旧，网上下载一个最新版的镜像，否则在安装一些环境时会出现 libc.so.6 与 GLIBCXX\* 的错误，比如在安装 node 时我就出现这些错误，但此类的问题在网上都可以搜索到解决方法，都是下载 libc.so.6 与 GLIBCXX\*的适合版本，然后安装，重新... 阅读全文…

前言koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。 脚手架1234567891011121.安装 ... 阅读全文…