安装

  1. npm install webpack webpack-cli --dev
  2. yarn add webpack webpack-cli --dev
  4. //说明:
  5. //npm，yarn 两种安装模式或者其他都行。
  6. //webpack-cli （主要用于解析用户参数 yargs)
  7. //--dev 添加为开发时依赖

环境

webpack 默认打包根目录下 src/index.js 为入口文件。
webpack 默认配置文件为根目录下 webpack.config.js。
webpack 安装后，运行方式有以下三种：

  • 全局安装运行命令为 webpack。（不推荐，容易版本冲突）
  • 单独安装运行命令为 npx webpack。
  • 配置 package.json，运行打包只需 yarn build。如下：
    1. {
    2. "scripts": {
    3.   "build": "webpack"
    4. }
    5. }
    webpack 打包默认是 生产环境，会将代码压缩，切换环境如下：
    1. {
    2. "scripts": {
    3.   "build": "webpack --mode development"
    4.   //development 开发环境 production 生产环境
    5. }
    6. }
    webpack可以指定配置文件，如下：
    1. {
    2. "scripts": {
    3.   "build": "webpack --mode development --config ./webpack.dev.js"
    4.   //development 开发环境 production 生产环境
    5. }
    6. }