今天接触webpack，就着官网上的教程一步一步的玩，把自己的理解总结以便和大家交流

webpack的主要特点

1. 可以把js,css,image,甚至文本当成模块来处理，并通过require的方法来调用。

2. 能够自动识别模块之间的依赖。

程序员优雅哥简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构

本文摘要：主要讲解 webpack 5 初体验。从webpack 5 初识到便写代码。优雅哥将围绕该主题不断更新系列文章。

在 webpack 5 中，可以通过 内置的 Asset 模块，不用再引入对应的loader，就可以轻松地将images图片相关的资源内容轻松引入我们的系统中。

初始化示例工程

首先创建一个示例工程目录：webpack-image，然后用npm进行初始化 ，接着在本地安装 webpack相关内容：

Webpack安装与基本配置

vue init webpack demo创建demo模板，就出现了

vue-cli · Failed to download repo vuejs-templates/demo: Response code 404 (Not Found)

解决方案：

本文主要从最新的webpack4入手，慢慢的

引言

最近准备着手将大学时写的一个框架给规范化，想着将它部署成 NPM 上的一个 Package，但遇到了两个问题：

1. 这个框架完全是由 ES5 语法规范搭建的，也没有考虑模块依赖什么的，它本身依赖的其它库都是纯代码复制到项目文件内容的上方，所以我们应该需要使用模块化来引用其依赖的框架，如 ES5 的

今天聊一聊webpack的loader