webpack版本问题「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

由于webpack版本较多，而且配置写法，每个版本都大大小小有差异，因版本问题造成的错误很多
1下载指定版本我常用的版本3.3.0，
2不同版本中的坑

2.1在3.0之后版本配置entry和output路劲不再支持相对路径只能使用__dirname拼接成的绝对路径）

var path=require('path');
path.join(__dirname,'')

2.2在版本4之后安装常用的html-webpack-plugin插件，在打包时会报错，因为4.0之后安装html-webpack-plugin增加了依赖（为此我将版本还是进行了降级）

2.3注意全局的webpack版本和项目中的webpack版本冲突问题，有时候你会发现自己安装的明明是3.0版本，却还是用4.0打包的，那是因为你安装了全局的webpack为4.0
解决方案：

cnpm uninstall webpack -g

卸载全局的webpack

 cnpm i webpack@3.3.0 -g  

重新安装指定版本的webpack

2.4在4.0之后的版本mode为必须配置的选项，否则会报错
解决1：

webpack --mode development

解决2：package.json中配置

"scripts": {
  "start": " --mode development",
  "build": "--mode production"
}

2.5在2.0版本后module中的loader配置叫做rules，但是在1.0当中叫做loaders
3版本迁移造成的错误处理
3.1webpack打包过程中如果你发现常用的node内置模块一直报错
比如：cannot find module “minimatch”
解决1：确认环境变量ok，cmd中查看node -v是否报错，报错的话就重新配置环境变量或者node卸载重装（node默认安装会自己配置环境变量）
解决2：node环境ok的情况下就是node_module包出错了
1删除node_module文件夹
2cnpm cache clean
3cnpm install
亲测可行