webpack3升级到webpack4踩坑经历与解决方案

webpack升级指南 本文讲述了作者从webpack3升级到webpack4的踩坑经历，涉及到webpack-cli的安装、依赖项的调整、错误解决等多个方面，旨在为读者提供一个详细的升级指南。 一、webpack-cli的安装 在升级到webpack4之前，需要先安装webpack-cli，否则会报错。安装命令为`yarn add webpack-cli global`和`yarn add webpack-cli -D`。webpack-cli是webpack的命令行接口，负责处理命令行输入和输出。 二、升级到webpack4 升级到webpack4需要注意以下几点： 1. 安装webpack-cli：在升级到webpack4之前，需要先安装webpack-cli，否则会报错。 2. 调整依赖项：升级到webpack4可能会导致一些依赖项不兼容，需要调整依赖项以确保正确。 3. 解决错误：在升级过程中可能会遇到一些错误，需要根据错误信息进行解决。 三、webpack配置文件 作者提供了一个原始的webpack3配置文件，用于比较升级前的配置和升级后的配置。该配置文件包括了基本的webpack配置项，如入口文件、输出文件、loader配置等。 四、常见错误解决 在升级过程中，可能会遇到一些错误，例如Cannot find module 'webpack/bin/config-yargs'错误。该错误是因为没有安装webpack-cli导致的，解决方法是安装webpack-cli。 五、依赖项调整 在升级到webpack4之后，可能需要调整一些依赖项以确保正确。例如，需要安装webpack-cli以确保webpack命令的正确执行。 六、结语 本文讲述了作者从webpack3升级到webpack4的踩坑经历，旨在为读者提供一个详细的升级指南。通过本文，读者可以了解到webpack-cli的安装、依赖项的调整、错误解决等多个方面的知识点，从而更好地掌握webpack的使用。