2021年啦，对webpack构建还是cli一揽子计划（啥也不懂），结合官网，决定系统性的学习一下webpack，了解一下webpack之美（生活所迫）

作为一个前端，对于console.log的调试可谓是相当熟悉，话不多说就是好用！帮助我们解决了很多bug^_^ 但是！有因必有

前言 在上一篇文章中，我们对配置进行了抽离和优化，在这篇文章中，我们会进一步的完善和优化我们的template,这一篇文章的代码可以在vue3-webpack5-templatetag1.0.0中看到

前言 在第一篇文章中，我们搭建了一个基于webpack5的vue3项目，现在我们就开始对这个乞丐版配置进行完善。

前端在使用某些 html5 API 时，https 是前置必须项，某些 API 只能在 https 保障安全的情况下才能开启，比如录音功能的 AudioContext API。 这要求我们在本地开发环

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

一直以为，我的Webpack就是复制粘贴的水平，而对Webpack的知识真的很模糊，甚至是纯小白。所以前段时间开始对Webpack进行比较系统的学习。 学习完成后，我抽空整理了笔记，前前后后也花了一周

说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信

webpack打包 webpack在项目根目录创建一个webpack.config.js文件 webpack.config.js 主要有五个属性 下面有打包css less html 字体文件 图片