webpack

拿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、添加热加载

          热加载就是在改变文件内容的时候,按住保存的同时,页面就会自动刷新         

            注意:webpack3.8.1 这个轻量服务器就得是2.9.4 如果webpack4.0版本这个dev-server就得是3.0版本

      启动服务器有两种启动方式:一种时直接启动服务器,但不能自动刷新(指令:webpack-dev-server),还有一种就时既可以启动服务器,也可以让浏览器自动刷新(webpack-dev-server --hot --inline)

未完待续--------------

原文地址:https://www.cnblogs.com/wkxdd/p/10975801.html