webpack版本问题「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。

由于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 亲测可行

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/169198.html原文链接：https://javaforall.cn