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