Zijeak的博客

1.DevServer当我们使用webpack指令对资源进行打包后，若后续有修改或者新增、删除一些资源或代码，将要重新进行打包才获得最新的代码打包，从而可以在浏览器看到最新的效果。但这样做往往过于麻烦，devServer可以帮助我们解决这个问题，实现在不手动重新打包的情况下，自动打包（构建），实现“热部署”。1.1 安装devServernpm i webpack-dev-server -D1.2 配置webpack配置文件在webpack.config.js中定义一个devServer对象：

1.基础1.1 什么是webpackwebpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。1.2 webpack的五个核心概念1.3 webpack初体验全局安装npm i webpack webpack-cli -g本地安装npm i webpack webp