npm 安装 webpack

1. 安装NodeJs，检测node.js是否安装成功

      查看node版本      

> node -v

查看npm版本       

> npm -v

3. npm 安装 webpack

采用全局安装，然后等待webpack安装。

>  npm install webpack -g

> webpack  -version

安装  webpack-cli

> npm i -g webpack-cli

查看webpack版本，全局安装就完成

> webpack  -version

4. webpack应用

 找到你的项目文件夹，win7下 shift+右键，在命令行中打开，win10还需要在Powershell中

 输入   start cmd 回车，此时的目录就是当前目录

         

          

 npm 初始化

> npm  init  

         

 然后一直执行回车操作，有如下内容：

         

此时test文件夹中多了一个package.json文件，内容如下：

         

局部安装 webpack

> npm install webpack --save-dev

--save-dev：表示开发环境的依赖

安装完毕之后，就会发现在项目文件夹下多了一个node_modules文件夹，

此时我们的项目目录的webpack就安装成功了，目录结构入下图所示：