搞定 Webpack (2):使用 Webpack 大幅提升前端开发体验
安装,运行,热加载
首先当然是安装,当然是使用更加符合中国社会主义国情的 CNPM 来安装,道理大家都懂的。
cnpm install webpack webpack-dev-server -g
webpack-dev-server 是一个基于 Express.js 框架的静态资源 Web 服务器,对于简单静态页面或者仅依赖于独立服务的前端页面,都可以直接使用这个开发服务器进行开发。在开发过程中,开发服务器会监听每一个文件的变化,进行实时打包,并且可以推送通知前端页面代码发生了变化,从而可以实现页面的自动刷新。
在项目根目录下添加最基本的 webpack.config.js 配置文件,运行 Webpack 时则会默认加载该文件内的配置。如果要指定另外的配置文件,可以执行:webpack --config webpack.custom.config.js,进阶的用法就是在不同环境下,可以通过 Script 指定不同的 Webpack 打包策略。代码热加载功能当然也必不可少,