大概就谈到这里了,回顾总结一下吧。
git仓库:webpack-demo
如果要进一步的学习,我要求进步,我们可以看vue脚手架生成项目后的关于webpack的配置,或者react脚手架生成的项目配置。
先说下vue
的,vue-cli3.x
后生成的项目目录是无比的整洁,大大减小了小白上手的门槛,一部分原因就是它把webpack
的设置都内部化处理了,只向外暴露了可以配置webpack的api,要看它的webpack
设置的话,
vue inspect > output.js
让它生成一个webpack
设置的映射文件,但是不太好看,vue-cli2.x
脚手架生成的项目,虽然也没有过时,但是总给我一种out了的感觉,这样的话,达不到紧跟潮流的目的。但是react
就不同了,虽然我本人对react
生态语法啊什么的也不是很熟,工作中也主要是使用vue
,但是现在你去看看它的webpack配置还是没问题的,也是通过inspect
命令:
vue-cli3.x
思想一样都默认把webpack
的配置项隐藏了,项目都比较整洁,减少新手入门门槛,但是当执行命令的时候展示的是完整的webpack
配置,不是像vue
一样只是生成个映射文件。react
的webpack
配置有注释啊!!!!!这个就很nice了。