it's not webpack step by step（webpack2） 打个广告，欢迎大家订阅我司尚妆github博客，不定期干货输出哦。 分割webpack配置文件的多种方法 ###（一） 将你的配置信息写到多个分散的文件中去，然后在执行webpack的时候利用--c…

在知乎上我们常常会看到有同学发问：BAT 等大型网站的前端工程是如何组织管理的？这的确是一个可以发散的很广的 Q&A，我想如果要我回答这个问题，不如先从 Webpack 配置说起。时至今日，Webpack 已经成为前端工程必备的基础工具之一，不仅被广泛用于前端工…

自从出现模块化以后，大家可以将原本一坨代码分离到个个模块中，但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿，由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题，将所有小文件打包成一个或多个大文件，官网的图片很好的诠释了这个事情，除此之外，Web…

蒲公英团队最近开发了一款前端错误收集工具，名叫 frontend-tracker ，这款工具主要是在前端网页出现错误时能发现并将错误信息反馈到指定服务器上，本着开源精神，现在分享给大家，希望能帮助大家在工作中获取便利，欢迎大家使用交流并分享给你周围的小伙伴们。Frontend…

说到前端部署，可能大多数前端工程师在工作中都是使用的公司现成的部署系统，与SRE对接、一起完成前端的部署操作。如果我现在给你一台新注册的云主机，那么你应该怎么做才能把一个前端工程部署到一台云主机上，成为一个可以访问的网页呢？今天我们就来聊聊前端的部署~ 首先，一个前端工程要变成…

最近参与维护公司内部的一个针对移动端的 UI 组件库，该组件库缺乏文档和严格的文件组织结构。Vue-Donut 的功能比较简单，并不能方便地创建针对移动端 UI 组件库的文档和预览。在参考了 mint-ui 等业界内成熟的方案之后，我在 Vue-Donut 的基础上进行了拓展，最后搭建出了一个非常方便且自动化的开发框架。

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 Vue基础 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组…

Nicholas C. Zakas 大神的新著作，2016 年 8 月 30 日出版。在 GitBook 页面上阅读本书全文，也可以下载 PDF 、 Mobi 或 ePub 格式的电子书。

JavaScript 常见设计模式解析 - 掘金设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模...

一步一步架构 react 服务器渲染同构框架 - 前端 - 掘金Fairy - 一个前后端分离框架 一个能够支持前后端分离并支持中间层同构的完整框架,或许现在它还不够完善,但是我会把构建该框架中遇到的问题都列出来,以方便其他人遇到问题不在需要去到处搜索问题,希望为自己搭建框架的人有一些帮助,文档也会不断更新和优...

一劳永逸的搞定 flex 布局 - 掘金寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现...

请用心练完这16个webpack小例子 - 掘金16个demo，webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下，你的github本身不能访问目录。 例如要访问vue-demo下的vueCpu文件夹:[链接]

webpack 打包分析与性能优化 - 前端 - 掘金webpack打包分析与性能优化 背景 在去年年末参与的一个项目中，项目技术栈使用react+es6+ant-design+webpack+babel，生产环境全量构建将近三分钟，项目业务模块多达数百个，项目依赖数千个，并且该项目协同前后端开发人员较多，提高w...

读 Zepto 源码之代码结构 - 掘金虽然最近工作中没有怎么用 zepto ，但是据说 zepto 的源码比较简单，而且网上的资料也比较多，所以我就挑了 zepto 下手，希望能为以后阅读其他框架的源码打下基础吧。 源码版本 本文阅读的源码为 zepto1.2.0 阅读zepto之前需要了解 ja...

开门见山 1.打包单一模块 webpack.config.js module.exports = { entry:"./chunk1.js", output: { path: __dirname + ...