构建

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

前面我们说了webpack处理css、js、ts、图片文本等，今天我们来说说webpack提升开发效率的几个常用配置。

虽然开发、测试、生产的代码都是使用webpack构建工具来构建，但是对于不同的环境对构建后代码的要求肯定是不一样的。今天我们就来说说webpack的环境配置。

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

前面我们说了使用webpack处理css和各种文件，今天我们再来说说使用webpack来处理我们前端三大件中的js。

前端文件有很多种，比如图片、字体、文件、数据文件等等。这些文件在webpack中都是怎么被处理的呢？今天我们来一探究竟。

说到前端构建就肯定离不开css的处理。在前端日新月异的潮流下，css也不再是单纯的css了，涌现了很多css周边技术，比如我们常听到的css预处理器(PreCss)和css后置处理器

随着前端变革，Nginx也成为了前端开发工程师必不可少应该具备的一项技能了，学习Nginx可以让我们更加了解前端项目上线部署的整个流程，可以让我们碰到一些服务问题能快速定位并解决。

作为前端开发Eslint想必大家肯定不会陌生，一般项目中都会配置。但是因为它不会影响到平时我们业务功能的实现，可能很多小伙伴没有深入去研究。今天笔者就带大家彻底弄懂Eslint。