如何详细构建基于webpack4.x的前端开发环境？

本文共计1615个文字，预计阅读时间需要7分钟。

Webpack 是一款流行的现代 JavaScript 应用程序静态模块打包器。它可以将多个 JavaScript 文件打包成一个或多个 bundle，支持模块化开发，并利用各种插件进行优化。借助官方提供的图示，Webpack 能够将预处理器语言和最新 JavaScript 语法转换为浏览器能识别的内容。如今，许多前端框架都内置了成熟的脚手架工具。

webpack是一个现代JavaScript应用程序的静态模块打包器，借用官网的一张图，它能够将一些预处理语言，js的最新语法转换成浏览器识别的内容。现在一般的前端框架都有比较成熟的脚手架，大多数对webpack都有个较好的集成，我们只需要敲一些简单的命令就能生成一个通用的项目模板，比较便捷，但是要知其然知其所以然，所以今天就尝试着从零开始搭建一个前端开发环境。