标签：webpack

项目中需要多次动态加载外部js脚本文件，导致全局变量冲突，新加载的变量总是覆盖之前的同名变量。当我们获取每次动态加载脚本的变量时，就要特别注意变量赋值的问题，区分变量类型为基本类型还是引用类型。

webpack报[DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning，是由于webpack升级到5.x版本后导致的，可尝试更新引起出错的包到最新版本。如果使用的插件没有新版本解决该问题时，只能弃用该包或者换用其他包。

npm安装升级包imagemin-webpack-plugin时，报错npm ERR! Failed at the gifsicle@4.0.1 postinstall script. 分析后是由于依赖包从GitHub下载失败，更改本地GitHub DNS数据，清除npm缓存，再重新安装就成功了

本文介绍了Node.js和npm的安装配置以及用法，还介绍了npm常用的基本操作命令；介绍了webpack等常用命令的配置方法；重点讲解批量压缩图片的操作方法，并为了方便使用，还提供了批处理项目压缩包来批量压缩图片。