安装webpack4.0与webpack-cli的详解

安装webpack真的不难,甚至很简单,大家要有信心

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

二、本地安装

打开要操作的项目目录的终端,可以直接进入该文件夹的目录,然后将目录改成cmd直接进入该目录的cmd控制面板
在这里插入图片描述
在这里插入图片描述
也可以使用编译器进入
安装webpack4.0与webpack-cli的详解_第1张图片

三、初始化项目

输入npm init -y初始化项目,-y可以让你省略去不停的yes
安装webpack4.0与webpack-cli的详解_第2张图片
然后就会出现一个初始化的文件夹package.json
在这里插入图片描述
**然后输入指令:npm i -D webpack, 然后等它安装 (如果很慢的话就使用cnpm) **
-D的含义如下:

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

直到等它显示版本号码就表示你成功了(中间甚至可以吃一桶酸菜泡面)
在这里插入图片描述
然后再输入安装cli的指令 npm i -D webpack-cli
在这里插入图片描述
两个都安装好之后你就可以笑出声了,甚至可以开心扔个桶面

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

安装webpack4.0与webpack-cli的详解_第3张图片

具体怎么实用,可以看webpack二代官方文档(一代文档被全世界的开发者骂的太惨了,写的并不美好),点击右边的链接好好学习吧webpack官方文档,加油!

大家如果觉得好用的话就点个赞、留个言、涨点经验值吧~~感谢 ~ 感谢~

你可能感兴趣的:(工具/组件模块,webpack安装,webpack4.0安装,webpack-cli安装)