webpack的安装

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
    }
    1
    2
    3
    4

4. 验证一下执行的是全局的还是本地的

• 找到文件： node_modules -> webpack -> bin -> webpack.js
• 添加一句代码 console.log('执行了本地安装的 webpack')