关于入门Webpack的文章理解

官方给出的react脚手架是不容易进行修改的

而在我们开展一个项目中 需要做的是自己搭建所有需要的组件

因此需要掌握搭建脚手架的工具webpack 的过程

而目前最为完整的文档是简书上面的这篇文章

然而webpack 以及相关的插件是处于不断发展的状态的。

如果按照文章一步一步的做 肯定会有卡在某处过不去。

因为webpack的插件以及相关版本的兼容性造成的不同步。

目前我就遇到了webpack4 版本UglifyJsPlugin&＃xff1a;压缩JS代码&＃xff1b;

ExtractTextPlugin&＃xff1a;分离CSS和JS文件&＃xff0c;这两个插件装不上去的问题

UglifyJsPlugin是因为webpack4 已经不再用这个方案了。

ExtractTextPlugin是因为没有支持webpack4 的新版本

而webpack4 刚出来没多久&＃xff0c;相关的文档都不齐全&＃xff0c;找个解决方案都要花费大量

的时间&＃xff0c;所以我建议不要太过于纠结这个能不能适配的很好的问题。

阅读这篇文章的时候&＃xff0c;只要能够理解webpack 每个配置字段代表什么意思就可以了

至于运行文档&＃xff0c; 可以直接跑文章作者提供的github&＃xff0c;这个是基于webpack3 的,

运行起来就可以了&＃xff0c;不要太过于纠结这件事情上。