「webpack坑系列--安装webpack-cli」- 海风纷飞Blog

webpack坑系列--安装webpack-cli

一、首先最好去安装最新版的node.js，windows平台需要去官网下载最新的安装包去安装，命令是没有软用的。

二、本地安装

打开要操作的项目目录的终端，可以直接进入该文件夹的目录，然后将目录改成cmd直接进入该目录的cmd控制面板

三、初始化项目

输入npm init -y初始化项目，-y可以让你省略去不停的yes

然后就会出现一个初始化的文件夹package.json
在这里插入图片描述
**然后输入指令:npm i -D webpack, 然后等它安装 (如果很慢的话就使用cnpm) **
-D的含义如下：

-S 安装到上线环境
-D 安装到开发环境
-g 安装到全局
-i install

直到等它显示版本号码就表示你成功了（中间甚至可以吃一桶酸菜泡面）

然后再输入安装cli的指令 npm i -D webpack-cli

两个都安装好之后你就可以笑出声了，甚至可以开心扔个桶面

然后呢我们就可以添加script的脚本文件webpack.config.js（名字不能错），在里面编写控制webpack的代码

在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在webpack4.0版本中，他们已经将两者分开来更好地管理它们。
尝试全局安装npm install -g webpack-cli
执行webpack -v成功执行不再提示安装webpack-cli

如果你webpack和webpack-cli是局部安装的，想要使用webpack命令必须进入node_modules/.bin/webpack才能执行webpack命令，.bin目录包含的是一系列可以执行的命令，但是如果你是全局安装的webpack-cli，就不需要进入bin目录，webpack就能够寻找到它的命令路径了

婷婷 cmd js 组件搭建 791

webpack

webpack