2020-11-23webpack的正确安装方式（1.3）

 webpack的正确安装方式
    //搭建webpack环境
    //webpack是基于node.js开发的模块打包工具，所以它本质上是由node实现的，
    //所以首先要安装node.js，

    node.js官网---建议安装10.13.0LTS这个版本，一个比较稳定的版本，
    尽量安装最新版本的node.js,新版本的node.js会很大程度上提高webpack的打包速度,

    提高webpack打包速度：
    1.保持node.js版本最新，
    2.webpack版本保证最新，

    高版本的webpack会利用node.js新本的一些特性，来提高它的打包速度，

    //为什么不安装11.2.0的current版本？
    //它是最新版，但不是稳定版

    打开终端
    node -v   //查看node版本号 
    npm -v   //输出npm版本号，说明安装node的时候，连同它的npm工具也安装好了
    

    //创建webpack-demo文件夹
    //进入webpack-demo文件夹，npm init初始化项目
    //package.json文件描述了项目的一些信息，

    项目初始化之后，安装webpack
    1.全局安装
      npm install webpack webpack-cli -g   //webpack-cli是干什么的？
   
    //(手机分享热点安装就不会失败)

    webpack -v  查看版本号
    全局安装webpack不推荐  //会有不同项目用的不同版本的webpack
   

    2.在项目内安装webpack
    //卸载全局安装的webpack
    //npm uninstall webpack webpack-cli -g
    //运行webpack -v 找不到这个命令，删除成功

    在项目中安装webpack
    在命令行中进入到webpack-demo这个目录，
    在目录里面运行
    npm webpack webpack-cli -D  //等价于npm webpack webpack-cli --save-dev
    //安装成功目录下多出node-modules这个文件夹，这里面就是webpack和它依赖的一些包，
    //此时webapck -v运行不起来，
    //因为当你输入webpack这个命令的时候，node.js会尝试到全局的模块的目录中去找webpack,
    //但是这时候webpack我们并没有安装到全局，而是安装到项目内，所以找不到这个命令，


    npx webpack -v  可以查看到webpack的正确版本号，
    npx这个命令可以帮我们在当前项目的这个目录的node-modules这个文件夹里，帮我们去找webpack,
    

    //所以通过npx我们就可以在这个目录下去运行存在于这个目录下的webpack的安装包,
    //这种方式是把我们的webpack安装在了项目内，然后我们通过npx去运行webpack就行了，
  

    npm install -y自动设置配置项,
    指定webpack版本号，怎么查看一个版本的版本号是否存在？   
    npm info webpck  查看版本相关信息
    npm insatll webpack@4.16.5 webpack-cli -D


    npm install 安装项目依赖的包