拿webpack3.8.1版本来说一下
webpack他时一个前端资源加载或打包工具。
分为以下几个简单的步骤
1、下载:npm install -g webpack@3.8.1
npm install webpack@3.8.1 --save -dev
不清楚这个指令什么意思可以去看一下上一篇前端模块化的文章。
下载的话尽量全局和局部都下载安装,因为有的时候你只安装全局,局部不安装某些功能会失效。
2、打包js文件:
webpack 入口文件 出口文件
如果指向使用webpack这个指令,就需要玩好打包需要的配置文件webpack.config.js。
3、添加热加载
热加载就是在改变文件内容的时候,按住保存的同时,页面就会自动刷新
注意:webpack是3.8.1 这个轻量服务器就得是2.9.4 如果webpack是4.0版本这个dev-server就得是3.0版本
启动服务器有两种启动方式:一种时直接启动服务器,但不能自动刷新(指令:webpack-dev-server),还有一种就时既可以启动服务器,也可以让浏览器自动刷新(webpack-dev-server --hot --inline)
未完待续--------------