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就安装成功了,目录结构入下图所示:

         

 


版权声明:本文为Sun_Shydeo原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。