安装步骤

    1. npm install —save-dev wepack
    2. 指定版本 npm install —save-dev webpack@version

    3. 如果使用的是webpack4+ 想在命令行中使用webpack 还需要安装cli

      1. npm install —save -dev webpack-cli

      webpack5 之前

      1. raw-loader 将文件导入为字符串
      2. url-loader 将文件作为dataURI 内联到bundle中
      3. file-loader 将文件 发送到输出目录
    4. 构建性能
      1. npm yarn 安装最新版本
      2. loader中使用include 减少不必要的编译。解析
      3. 尽量少的使用工具
      4. 提高解析效率 resolve.modules， resolve.extension
      5. dll
      6. 小 = 快
        1. 使用数量少 体积小的lib
        2. 多页面中使用splitChunks 启用异步async模式
        3. 移除未用代码
      7. 持久化缓存
        1. 使用cache选项

    是否使用 —save-dev 取决于你的应用场景。假设你仅使用 webpack 进行构建操作，那么建议你在安装时使用 —save-dev 选项，因为可能你不需要在生产环境上使用 webpack。如果需要应用于生产环境，请忽略 —save-dev 选项。

    生产环境
    配置

    1. npm install —save-dev webpack-merge