今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

不过也还是能够完成前端页面+后端接口+服务端部署的整个流程了。 如果不愿意看分析过程，可以直接拉到最后看结果。 首先前端页面使用了Vue作为前端开发框架，我相信点这个标题进来看文章的都用过这个框架的吧。。。 这是.babelrc配置参数，component是babel插件的名字…

本文主要内容包括：什么是Babel Plugin、Babel Preset，两者的区别与联系、如何使用plugin/preset、如何创建自定义preset、使用注意事项。 本文所有例子可在 笔者github 上 找到。

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…

在我们写完一个应用程序后，需要发布到npm上，大多数人可能仅仅使用npm publish就完成了，在这里我讲一下如何更好的发布包。 1. registry 在下载包的时候，很多人喜欢设置taobao镜像，因为npm仓库服务器在国外，下载速度真是急死个人。发布的时候也一样，一般开…

作为一个入门的前端开发，随时随地可以都可以来一波秀瞎小白的命令行操作: npm i、npm run dev、npm run build ... 然后，在命令行中输入npm run hello，就会输出hello world。 是不是跟当时学c语言的时候，老师让你们写的makef…

如果觉得文章“太长不看”，可以直接使用开发工具：vue-sfc-cli，集成 travis ci，快速发布 npm。 做好以上三点，才可以通过npm publish简单地发布一个包。若要遵循最佳实践，还有一些准备工作要做好，下面将为你讲述 version是语义化的，major.…

webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回复，只能自己操作了，顺便记录下来，如果大家有更好的，欢迎评论区留下地址。 maxAsyn…