webpack构建工具学习总结(一)webpack安装和构建项目

1、首先需要从node.js官网下载包管理工具进行安装,安装完之后在windows系统下,windows+R调出搜索框,输入cmd回车打开命令工具,检测npm是否安装,输入命令:npm -v
在这里插入图片描述

2、使用npm安装webpack,输入:npm install webpack -g,安装成功后查看安装版本,输入:webpack -v,会提示缺少CLI,这是因为webpack4.0之后为了更好的管理把CLI和webpack分开了,需要再全局安装CLI,在查看webpack版本信息就没问题了在这里插入图片描述

3、进入项目目录,输入:npm init,初始化项目生成package.json文件
4、输入:npm install webpack --save-dev为项目添加webpack依赖
5、输入:npm install webpack-cli --save-dev为项目添加webpack-CLI依赖(注意:webpack和webpack-cli必须全局安装之后再局部安装,否则会报错)
6、创建一个静态a.js文件,里面随便写一个执行函数,执行:webpack a.js a.bundle.js,将a.js编译并打包到a.bundle.js

猜你喜欢

转载自blog.csdn.net/weixin_40281246/article/details/83185030