webpack的安装
-
Webpack 5 运行于 Node.js v10.13.0+ 的版本。
-
webpack 在工作中不建议安装全局的,因为协作的同事使用的版本可能和你的版本不同,直接调用webpack
安装步骤
1. 生成 package.json 文件
npm init -y
2. 局部安装webpack和webpack-cli(用于在命令行中运行webpack)
npm install webpack webpack-cli -D
3. 使用局部的webpack
-
方法1:
npx webpack
- 说明:
- 直接输入
webpack
调用的是全局安装的webpack npx webpack
会查找 node_modules 文件夹下的bin目录中的webpack,最终会执行我们本地安装的webpack
- 直接输入
- 说明:
-
方法2: 创建scripts命令
-
// package.json scripts:{ "build": "webpack" //调用的是局部安装的webpack }
-
4. 验证一下执行的是全局的还是本地的
- 找到文件: node_modules -> webpack -> bin -> webpack.js
- 添加一句代码
console.log('执行了本地安装的 webpack')