欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

webpack版本问题解析

程序员文章站 2022-06-26 09:22:17
由于webpack版本较多,而且配置写法,每个版本都大大小小有差异,因版本问题造成的错误很多 1下载指定版本我常用的版本3.3.0, 2不同版本中的坑 2.1在3.0之后版本...

由于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