摘要：
总体介绍： 后端准备接口，前端点击事件请求接口，但是由于后端服务与前端运行环境非同源，就会产生跨域问题，其实后端可以设置cors响应头去解决，但是这里介绍的是通过nginx配置反向代理去解决跨域问题。 开始干吧~ 1）后端准备工作：开一个本地端口号为9119的服务，用原生node和express都可 阅读全文
摘要：
一:介绍 nginx是一个高性能的HTTP和反向代理服务器,其特点是占用内存少,并发能力强. 二:名词介绍 代理服务器: 代理服务器英文全称是Proxy Server，其功能就是代理网络用户去取得网络信息。形象的说：它是网络信息的中转站,去获取信息。 主要的功能有：1.突破自身IP访问限制，访问国外 阅读全文
摘要：
1.下载nginx http://nginx.org/en/download.html 下载稳定版本，以nginx/Windows-1.12.2为例，直接下载 nginx-1.12.2.zip 下载后解压，解压后如下 2.启动nginx（nginx不需要配置环境变量） 有很多种方法启动nginx ( 阅读全文
摘要：
Plugin: 开始打包，在某个时刻，帮助我们处理⼀些什么事情的机制 plugin要比loader稍微复杂一些，在webpack的源码中，用plugin的机制还是占有非常大的场景，可以说plugin是webpack的灵魂。 设计模式 事件驱动 发布订阅 plugin是一个类，里面包含一个apply函 阅读全文
摘要：
loader就是一个函数，声明式函数，不能用箭头函数 loader是拿到源代码，作进一步的修饰处理，再返回处理后的源码就可以了 编写loader: 在入口文件index.js中： webpack.config.js配置文件： 创建的loader: 查看打包后的结果：原来index.js中的hello 阅读全文
摘要：
什么是代码使用率？ 比如一个JS文件有100行代码，加载他的时候里面当前可能只有60行是直接能加载用到的，里面的另外40行比如说是click事件触发后的代码逻辑，显然，如果我们不点击，只是纯属浏览，那么这40行代码就白白加载了，因为用不到啊，所以总体来说这个文件的代码使用率就是60%。 但是呢？如果 阅读全文
摘要：
1. npm i @xxx 安装这种有带有@的包时候：提示报错 解决方法：只需要把有@的那部分用引号包起来即可完成安装 2.当遇见npm i 下载依赖失败的时候： 1.删除原有的node_modules，重新npm i rm -rf node_modules 2.切换下载源 nrm use 源 3. 阅读全文
摘要：
https://github.com/webpack/analyse 在命令行中加上 --profile --json > stats.json 运行npm run bundle，会在根目录生成一个json文件，这个文件中包含了此次打包的所有信息 看这个json文件我们肯定看不懂，我们可以用官方推荐 阅读全文
摘要：
我们在入口文件index.js中引入lodash，执行一个方法： 运行发现打的包是2.2MB了，很大，因为这样引入是把lodash全部引入了，体积很大 我们想要的是，像是引入的第三方库我们不想每次打包的时候重新去加载，我们只打包自己的业务逻辑代码，第三方库我们让浏览器缓存，运行的时候直接拿缓存。 1 阅读全文
摘要：
一、基于配置文件方式配置 我们想要做的就是打包时候可以开发和生产配置不同的配置文件去打包： webpack.dev.js 和webpack.prod.js 在package.json中配置对应这两种的打包运行命令以及本地便于开发调试的dev-server 接着，我们把原来的webpack.confi 阅读全文