之前devSerer的值是个空对象，用的都是默认配置，比如host:localhost, 端口:8080，这些都可以自定义修改webpack.config.js:. 然后重新npm run dev, 这时既可以用localhost:3306，也可以用电脑

script-loader 把我们指定的模块 JS 文件转成纯字符串，exports-loader 将需要的 js 对象 module.exports 导出，以支持 import 或 require 导入。怎样拿到一个包含更多模块的 zepto 包 ？通过

webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。webpack学习的一个比较难的

在模块编程里，开发人员把程序分割成几个功能性的块，成为模块。每一个模块都有一个相对于整个程序较小的表层部分，做一些验证，调试和零碎测试等。写个比较好的模块，提供了一致的抽象和边界封装，所以，在应用整体里每一个模块都有一个清晰的设计和明了的目的。Node.j

在日常的Vue项目开发中，随着业务的日渐复杂，代码量的日益增加，随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。这里大概例举几个在项目中实际

本质就是nodejs去执行webpack脚本，由webpack脚本对项目各个文件进行必要的编译，再输出到某个目录。webpack相关脚本中的require和我们前端js文件中使用的require函数不是一回事，它的require是nodejs的关键字。im

可以说现在但凡开发Single page application，webpack是一个不可或缺的工具。WebPack可以看做是一个模块加工器，如上图所示。它做的事情是，接受一些输入，经过加工产生一些输出。输入是我们web前端项目的模块文件，通常情况下这些文

// 关键点: 上面的publicPath相当于Webpack 的 DefinePlugin执行了↓

var htmlWebpackPlugin = require('html-webpack-plugin');var CleanWebpackPlugin = require('clean-webpack-plugin');var path = requi

我们可以把entry理解为整个依赖树的根，每个入口都将对应一个最终生成的打包结果。filename：打包结果的文件名。使用loader项目中需要引入一个css文件，如果直接用webpack去执行就会报错，需要再webpack中加入loader机制。上面使用

entry需要写成对象形式， 注意数组形式会变成多入口单页面， 因为打包之后的chunks 会合并成一个！devtools在production下 打包后的代码都被压缩掉了，我们有时候需要调试代码的时候没法定位，devtools就是干这件事的

在前端开发日益复杂的今天，我们需要一个工具来帮助我们管理项目资源，打包、编译、预处理、后处理等等。webpack的出现无疑是前端开发者的福音，我的博文只是本人的学习经验和积累，如果能对你有所帮助那是再好不过了。我的JS真的很一般，所以如果有误人子弟的地方希

大家在日常开发上线，上预发，测试环境的时候，一定遇到过不同环境，配置项不同的情况，比如不同的环境部署的代码一致，只有Host需要配置不同。这个时候，如果每次都要重新修改代码，不仅显得不专业，也容易在提交的时候忘记这个配置，提交错误就是上线灾难。所以，有必要

webpack原理解读本文抄自《深入浅出webpack》，建议想学习原理的手打一遍，操作一遍，给别人讲一遍，然后就会了在阅读前希望您已有webpack相关的实践经验，不然读了也读不懂。// 入口文件，是模块构建的起点，同时每一个入口文件对应最后生成的一个

这个库将会模拟一个完全的 ES2015+ 的环境。Installationnpm install --save @babel/polyfill这个是在你的source code 前运行的，所以安装的时候是 --savesizepolyfill 用起来很方便

本人微信公众号：前端修炼之路，欢迎关注。距离上一次更新这个系列，过去了两天。最近实在是有点忙，没有挤出时间整理。感觉日更还真是困难

今天介绍的工具是wecos原生小程序原生的小程序直接根据wecos的文章操作即可，wecos提供了上传本地资源文件到cos、替换小程序的引用本地路径为上传路径等。因为原生写起来很不方便。webpack小程序打包项目最好是开发完再来进行这一步，前期专心开发。

启用DllPlugin和DllReferencePlugin预编译库文件1、按需引用1.1几乎所有的第三方组件框架都会提供组件的按需引用方式，以iview为例，通过借助插件babel-plugin-import可以实现按需加载组件，减少文件体积，只需要修改

安装依赖cnpm install jquery第一种方式在entry.js当中引入jquery这里引入是不需要我们写相对路径的，因为jquery的包是在node_modules里的，只要写一个包名jquery，系统会自动为我们查找的。因为ProvidePl

在webpack和nodejs里，我们经常使用require函数加载原生模块或者开发人员自定义的模块。今天就来谈谈它的实现原理。还是通过单步调试的方式来学习。大家首先得通过我前一篇文章webpack打包过程如何调试？注意看第10行和第13行的require