每个团队都必须在开发过程中做出各种决定。其中通常会涉及到 yarn，npm 或其它用于构建和打包 javascript 代码的工具。一些开发人员渴望朝着某个方向前进，有时他们会花费大量时间来尝试，去做出实际上对他们的工作几乎没有什么影响的决策。 首先，要了解为什么要做出一个有趣…

Node 项目在项目根目录中名为 package.json 的文件中跟踪依赖关系和元数据。这是你项目的核心。它包含名称、描述和版本之类的信息，以及运行、开发以及有选择地将项目发布到 NPM 所需的信息。 了解什么是 package.json 文件，它与你项目的关系以及需要了解的…

随着JavaScript变得越来越流行，越来越多的团队正在利用他们为技术栈中做多个级别的支持：前端、后端、混合应用、嵌入式设备等等。 本文旨在深入挖掘JavaScript及其实际的工作方式：我们认为通过了解JavaScript的构建块以及它们如何发挥作用，你将能够编写更好的代码…

在老袁写这篇文章的时候，v5版本仍然处于早期阶段，可能仍然有问题。而且作为一个major版本，其中有一些breaking changes，可能会导致一些配置和插件不工作。但这并无妨碍我们去开始对changelog上的新特性进行尝鲜实战。大家如果遇到什么问题可以移步到这进行反馈。…

笔者不是多么厉害的大牛啥的，只是一篇对于webpack的学习笔记。 代码是一方面，以后都是要努力站在工程化，整体的角度去看问题，从整个工程的角度去考虑问题的吧。 之前的一段时间单位的996是在搞得难受

内容：前端工程化-webpack的初步学习，和一些面试题总结 关键词：Webpack、vue.config.js

短期观望，长期看好！Pros: 极速启动、按需编译、精简产物、预设最佳实践、多框架支持、Rollup 生态支持；Cons: 兼容性、缺乏Show Case。

推荐一波质量很高，值得一看的学习资料，内容涵盖 Webpack 应用、示例、原理、工具，希望对你有用

例如 babel-loader 可以将 ES6 代码转换为 ES5 代码；sass-loader 将 sass 代码转换为 css 代码。 rules 数组包含了一个个匹配规则和具体的 loader 文件。 上述代码中的 test: /\.js$/ 就是匹配规则，表示对 js …