基于webpack 4+ 的版本,4以下的版本有一定差异:
1、创建文件目录
mkdir webpackTest && cd webpackTest
npm init -y
npm init -y 是在文件中自动创建 package.json 文件,-y 参数是默认所有配置,此时建议文件名都是小写,否则部分编辑器在 package.json 中会有警告,或者直接运行 npm init ,然后默认 enter 即可,会自动转换大小写问题。
2、官方推荐本地安装,不推荐全局安装 webpack。这会使项目中的 webpack 锁定到指定版本,并且在使用不同的 webpack 版本的项目中,可能会导致构建失败。
npm 命令本地安装 webpack :
npm install --save-dev webpack
使用 webpack 4+ 版本,还必须安装 CLI:
npm install --save-dev webpack-cli
附带删除全局安装的 webpack 和 webpack-cli :
npm uninstall -g webpack-cli
npm uninstall webpack-cli
npm uninstall -g webpack
npm un webpack
如果遇到权限问题,使用管理员权限,( mac上是 sudo ~~~,如 sudo npm uninstall -g webpack-cli )
啊啊啊啊啊啊啊啊啊啊啊啊啊啊,我真的写不下去了!!!慢慢....完善吧。
所有的新知识还是要从官方文档开始学习:webpack文档指南