一.安装安装webpack4最新版本npm install --save-devwebpack@4安装新增依赖webpack-cli这个在webpack3中，webpack本身和它的CLI是在同一个包中，webpack4中将两个分开管理。npm install --save-de...

写在前面：（1）为了防止版本兼容问题，此处的webpack版本与之前的一致为：webpack@3.6.0。同时这里我们安装的webpack-dev-server版本是2.9.7版本。（2）之前已经安装了node.js在此之前我们一直采用live-server充当本地服务器，其实这与webpack是不怎么搭配的，现在我们...

在上一节中我们只是简单的尝了一下webpack的鲜，对其有了基本的了解，对于上一节当中的打包方式，在实际开发中并不使用，而是通过webpack的配置文件的方式进行设置的，所以该节就在上一节的基础上学一下配置文件的大体结构以及入口、出口文件的配置。webpack.config.js就是webpack的配置文件，需要自己在...

伴随着vue的全球化，各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情在这其中，相信很多人都会选择官方的vue-cli初始化工程模板，然后通过引入第三方组件框架和工具的方式进行开发构建，我个人也十分推崇这...

（1）webpack作用　　  　　1、前端为什么需要webpack？现在的前端网页功能丰富，特别是SPA（singlepagewebapplication单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决SCSS，Less……新增样式的...

之前的博文有提到怎么样去实现热更新,但是居然要用到另外一个node框架（express）而且新增了一个入口（entry）两个插件（plugin）来实现，大大提高了配置的复杂度，这样其实对使用webpack的开发者来说是非常不友好的。之后我在技术胖的博客发现，原来早在webpack3.6的时候已经推出了webpack-d...

“热更新”：对应的是 'webpack-dev-middleware'中间件“热加载”：对应的是'webpack-hot-middleware'中间件为了使用这两个中间件，必须修改“webpack.config.js"和”server.j...