下面的模块导出了什么结果？ 说一下你对前端工程化，模块化，组件化的理解？ webpack 和 gulp 的区别是什么？ webpack 中的 loader 属性和 plugins 属性的区别是什么？

工程化就是完成项目过程中，用到的各种工具和技术。 前端工程化就是通过各种工具和技术，提升前端开发效率的过程。 学习前端工程化，就是学习使用各种工具，解决前端开发中的各种问题。 node.js是基于Chrome V8引擎的。 如下图所示: node.js是除了浏览器之外，可以运行…

编译器和转译器 编译的定义就是从一种编程语言转成另一种编程语言。主要指的是高级语言到低级语言。 一般编译器 Compiler 是指高级语言到低级语言的转换工具，对于高级语言到高级语言的转换工具，被叫做

哈喽，大家好，我是 SuperYing。今天我们来聊聊如何从 0 到 1 搭建一个 Rollup + TypeScript 工具库模板工程，包括从创建文件夹开始，到依赖配置，打包编译等一整套内容。 R

在webpack中，编译ts文件有两种方式。可以使用ts-loader或者babel-loader来处理我们的ts文件。这两者有什么区别呢？接下来我们一起来看看。

前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。 什么是 Tree Shak

前端进阶的必看的模块热更新原理。了解hmr的运行机制，有助于对我们项目运行原理的理解，对项目优化有新的认知~

一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意，本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack 项目中，有一个入口文件，相当…

之所以定这个系列目标是因为： 对构建工具感兴趣，最近开始从 rollup 入手研究打包工具原理； 有个【工具库项目】在做技术选型时定了 rollup