webpack版本问题

Posted 2021-04-29 nhclike

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

             亲测可行