起因：公司的前端项目一直是手动部署到sftp，很容易出错，最近没事想把手动做成自动部署，说干就干。最开始当然是去npm和gayhub查找各种类似的部署工具，用了开源的，有各种各样的问题：

例：我们在src目录下添加一个image目录并且放入一张图片在里面：且在style.css文件加入如下代码：

今天利用webpack-theme-color-replacer插件，为ant-design实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提升了切换速度。有需要的同学可以参考下。

我们遇到的情况是页面和js的二级域名一样，并且设置了document.domain，chrome浏览器能够展示详细错误栈；但是很多手机浏览器依然是Script error。

公司项目采用使用React16+Webpack3+Graphql来作为技术构建，在图像等方面上使用七牛；下面是本人将会围绕当前技术来进行优化的体验，理解和使用到的都不算特别复杂，但是点比较多，可能可以启发一下；

目录 上节： 手动配置vue-cli下 上节目录： 本节给之前配的vue-cli集成ts，让它支持ts + vue的开发。首先修改build/webpack.base.js: {代码…} 在rule里加了ts规则后，通过VueLoaderPlugin也能将其用于.vue文件 …

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。接下来我们从0开始，一步一步实现我们的打包，作为入门，希望大家有所收获。

公司使用vue-cli创建的vue项目在初始化时并没有做多页面配置，随着需求的不断增加，发现有必要使用多页面配置。看了很多vue多页面配置的文章，基本都是在初始化时就配置了多页面。而且如果使用这些实现，需要调整…

目录 上节： 手动配置vue-cli上 上节目录： 生成环境配置需求 每次内容变化，输出的文件名hash也会变化 每次打包清理dist目录 代码分割（分割第三方库） css分割 以下都是修改build/webpack.prod.js 配置输出文件…

本节开始用之前介绍的知识来搭建个vue开发环境，其实如果把基础篇的那些内容掌握，配合文档，完全可以自己搭建出来。