Webpack打包出错的 错误分析?

 

当使用npm安装好webpack后,你去查看如果出现一下问题

Webpack打包出错的 错误分析?_第1张图片

Webpack打包出错的 错误分析?_第2张图片

在进行打包的时候报如下错误:黄色警告

Webpack打包出错的 错误分析?_第3张图片

 

解决方法:

1:第一次执行打包需要执行一下:npm init -y

Webpack打包出错的 错误分析?_第4张图片

 

这时候项目中会出现一个package.json配置文件

 Webpack打包出错的 错误分析?_第5张图片

在这个文件中找到“scripts”节点加入:

 "dev": "webpack --mode development", // 开发环境

"build": "webpack --mode production" // 生产环境

Webpack打包出错的 错误分析?_第6张图片

 

最后在手动添加一个webpack.config.js文件(简化打包命令只需要输入webpack命令即可)

 Webpack打包出错的 错误分析?_第7张图片

内容如下:其实就是配置了打包的源文件和需要打包到正式文件的路径

Webpack打包出错的 错误分析?_第8张图片

 

之前我路径写的有问题,没有使用path  这个问题是路径的问题,一定要注意

 

 

 注意:这里一定要加上:mode: 'development' // 设置mode

 Webpack打包出错的 错误分析?_第9张图片

 

如在打包的时候还报以下错误:

Webpack打包出错的 错误分析?_第10张图片

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(Vue,中的webpack系列问题,webpack)