https://github.com/timetravelcyn/webpack_tools

力争实现各种脚手架。
https://github.com/timetravelcyn/webpack_tools

Last synced: about 2 months ago
JSON representation

力争实现各种脚手架。

• Host: GitHub
• URL: https://github.com/timetravelcyn/webpack_tools
• Owner: timeTravelCYN
• Created: 2017-08-02T10:21:24.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-25T08:29:54.000Z (over 7 years ago)
• Last Synced: 2024-11-26T09:44:24.124Z (about 2 months ago)
• Language: JavaScript
• Size: 273 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# webpack 学习路程

> 不管学什么，如果你觉得难，就再看一遍。

学习webpack的路是艰难的，多次的从入门到放弃，官网的每次总是看到一半就放弃。最近突然开窍了，从以前的略懂到现在随便一个脚手架基本能看懂，并能相应的扩展一些，可谓是功夫不负有心人。

记录一下笔者的学习路程

首先，入门来看，推荐两篇文章

[入门webpack，看这篇就够了](http://www.jianshu.com/p/42e11515c10f)

[webpack2打包实战](https://zhuanlan.zhihu.com/p/27046322)

笔者看完这两篇，倒不是怎么怎么厉害了，而是对于一些配置有了比较深刻的了解，看完之后，做到了起码可以‘看懂’的地步。

### 进阶篇

只能看懂并不够，需要脚踏实地的去自己做一个脚手架，但是自己写一个新的也比较困难，浅薄的知识并不足以支撑到考虑方方面面，所以去跟着市面成熟的脚手架去写一遍，去分析每一步也很有利于进一步的巩固

[vue-cli #2.0 配置分析](https://juejin.im/post/584e48b2ac502e006c74a120)

[vue-cli #2.8.2 配置分析](https://segmentfault.com/a/1190000008644830)

至此，我觉得即使你不会自己去从零写一个，但是看懂公司的脚手架，以及市面上大部分的脚手架都是没有任何问题的了。

那么接下来该怎么做呢，笔者的建议是带着疑问再去回归基础，此时就需要去啃一块硬骨头了

[webpack官方文档](https://doc.webpack-china.org/)

带着初学者的心，再去巩固一遍，我相信你会有不一样的感觉。

 

### 好文推荐

[webpack3构建高性能应用](http://www.css88.com/archives/7661)

[webpack打包优化之体积篇](http://www.jeffjade.com/2017/08/06/124-webpack-packge-optimization-for-volume/)

[webpack打包优化之速度篇](http://www.jeffjade.com/2017/08/12/125-webpack-package-optimization-for-speed/)

 

### todo

自己配置一个react脚手架。

再用到插件时，去[npm](https://www.npmjs.com/)查找具体插件的options，可能会了解的更全面。