乐趣区

WebPack4 学习笔记(1)

新建一个 Demo 文件夹,执行初始化:
npm init
在 Demo 文件夹里安装 webpack 和 webpack-cli:
npm install webpack webpack-cli -D
webpack-cli 可以使用命令行的方式来使用 webpack,从版本 4 开始开始,webpack 和 webpack-cli 分别管理,如果不安装 webpack-cli, 就没法使用命令行了。安装完之后,执行
webpack -v
查看安装是否成功。命令执行后,会给你一个大大的错误提示,类似这样:
webpack : 无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路 径正确,然后再试一次。
这是因为 webpack 并非全局安装的,当输入这个命令时,npm 会从全局的目录模块中找 webpack,所以就找不到报错了。那怎么运行刚装好的 webpack 呢?通过 npx 命令来运行就 OK 了:
npx webpack -v
npx 会寻找存在于项目内 node_modules 目录下的安装包。

退出移动版