webpack 4.0配置过程碰到的问题

今天在配置react 项目过程中,由于webpack也更新到了4.0版本,所以才用最新版本配置,在这个过程踩了一系类的坑,写出来希望对大家有所帮助

1.安装 webpackwebpack 4.0配置过程碰到的问题 这个我的版本其他配置过程省略,运行发现报错

webpack 4.0配置过程碰到的问题

CLI被移动到了一个专门的包 webpack-cli里了,需要安装webpack-cli 

cnpm webpack-cli --seve-dev

2.第二次在运行继续报错

webpack 4.0配置过程碰到的问题

这个错误折腾我好久然后去看api发现4.0版本的enter 和output

可以不用配置entry和output,默认的entry:’/src’, 

默认的output:’./dist’,但是零配置的情况下’./src’的入口文件的文件名必须是index.js,否则会报错,然后把我的main.js 修改成了index.js

3 . 约定了生产模式和开发模式下的配置,3.0版本需要配置好多配置,在一开始套用3.0的配置

在package.json中配置

"scripts":{ "build":"webpack"}

She 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

webpack 4.0配置过程碰到的问题

最后配置完成,如果需要添加其他配置只需要在后面加添--watch --progress --display-modules --colors --display-reasons

webpack 4.0配置过程碰到的问题