Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli，但是只是基本搭建，而没有进

本文是零基础入门 webpack 的教学, webpack 是一个用于 web 项目的模块打包工具。在大部分的使用场景中，我们将它看作是一个 web 前端模块打包工具。

平常我们开发时很少摆弄 webpack 配置，都是大佬给我们配好了，我们吭呲吭呲写业务代码就好了，对很多常用的 loader 和 plugin 大概知道它是干嘛的，但实际上底下做了什么事情却像隔了层雾

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

文章主要说一下不同环境的区分和一些可以优化的点，多线程、sourceMap、js压缩、提取css、css压缩、多线程、目录清理

创建配置文件 1. 创建文件 和src同级创建webpack.config.js 2. 配置内容如下 打包样式资源 1. 创建文件 2. 下载安装loader 包 npm i css-loader s

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

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…