关于入门Webpack的文章理解
2018-03-19 09:11
323 查看
官方给出的react脚手架是不容易进行修改的
而在我们开展一个项目中 需要做的是自己搭建所有需要的组件
因此需要掌握搭建脚手架的工具webpack 的过程
而目前最为完整的文档是简书上面的这篇文章<
4000
/a>
然而webpack 以及相关的插件是处于不断发展的状态的。
如果按照文章一步一步的做 肯定会有卡在某处过不去。
因为webpack的插件以及相关版本的兼容性造成的不同步。
目前我就遇到了webpack4 版本UglifyJsPlugin:压缩JS代码;
ExtractTextPlugin:分离CSS和JS文件,这两个插件装不上去的问题
UglifyJsPlugin是因为webpack4 已经不再用这个方案了。
ExtractTextPlugin是因为没有支持webpack4 的新版本
而webpack4 刚出来没多久,相关的文档都不齐全,找个解决方案都要花费大量
的时间,所以我建议不要太过于纠结这个能不能适配的很好的问题。
阅读这篇文章的时候,只要能够理解webpack 每个配置字段代表什么意思就可以了
至于运行文档, 可以直接跑文章作者提供的github,这个是基于webpack3 的,
运行起来就可以了,不要太过于纠结这件事情上。
而在我们开展一个项目中 需要做的是自己搭建所有需要的组件
因此需要掌握搭建脚手架的工具webpack 的过程
而目前最为完整的文档是简书上面的这篇文章<
4000
/a>
然而webpack 以及相关的插件是处于不断发展的状态的。
如果按照文章一步一步的做 肯定会有卡在某处过不去。
因为webpack的插件以及相关版本的兼容性造成的不同步。
目前我就遇到了webpack4 版本UglifyJsPlugin:压缩JS代码;
ExtractTextPlugin:分离CSS和JS文件,这两个插件装不上去的问题
UglifyJsPlugin是因为webpack4 已经不再用这个方案了。
ExtractTextPlugin是因为没有支持webpack4 的新版本
而webpack4 刚出来没多久,相关的文档都不齐全,找个解决方案都要花费大量
的时间,所以我建议不要太过于纠结这个能不能适配的很好的问题。
阅读这篇文章的时候,只要能够理解webpack 每个配置字段代表什么意思就可以了
至于运行文档, 可以直接跑文章作者提供的github,这个是基于webpack3 的,
运行起来就可以了,不要太过于纠结这件事情上。
相关文章推荐
- 入门webpack(八) 关于postcss
- webpack入门和实战(二):全面理解和运用loader和plugins
- 【手把手】JavaWeb 入门级项目实战 - 文章发布系统 (第一节)
- 入门Webpack
- Webpack入门教程二十
- 【webpack】-- 入门与解析
- 5分钟入门webpack
- 轻松入门React和Webpack
- 浅谈Webpack的入门
- webpack 入门
- webpack入门
- 详解webpack + vue + node 打造单页面(入门篇)
- 关于webpack 启动资源服务器实现热加载 和es6 babel代码转化
- Webpack 4.X 从入门到精通 - 第三方库(六)
- 入门Webpack,看这篇就够了
- 关于用webpack并且实现在手机上面测试项目
- webpack基础入门
- webpack 入门必知必会
- webpack 入门指南
- (二)webpack入门——webpack的使用