webpack4配置es6+less环境遇到的问题

webpack升级到4，分离出了webpack-cli，同时也升级了一堆插件（出问题就update一下，可能就OK了）

webpack4.0简化了很多操作，如entry（默认dir目录，所以自己手动建一个），output（默认dist，自动生成）都有默认配置，增加了--mode development和--mode producttion模式，webpack对这两种模式配置做了尽可能的优化，但并不是说我们就不用再配置config.j了，如本文中的babel，less还是需要手动配置，但jquery已经不需要在加loader了，其它的待实践后再继续更新

webpack4出来一段时间了，网上也有很多教程，如
https://blog.zfanw.com/webpack-tutorial/#%E5%AE%89%E8%A3%85-webpack
https://www.jianshu.com/p/ea2fa79a1c71

遇到的问题:

1. 现在默认入口文件在src目录下，所以要新建一个src文件夹来存放入口文件
2. 发现正常安装解析less的loaders，配置后webpack编译都正常通过，但到了浏览器中会报一个 missing ')' in index.less 的错误，百思不得解，干脆npm update -D style-loader css-loader less-loader了一下，错误消失，正常显示
3. 虽然号称零配置，确实很多优化插件不用再自己一个一个配置了，但一些基础配置还是需要自己一个个去配的