从头开始学Webpack

npm下代码-D和-S的区别

-S 就是 --save 的简写，会将包的名称及版本号放在dependencies里面。
-D就是--save-dev简写，会将包的名称及版本号放在devDependencies里面这个里面
dependencies：生产环境使用
devDependencies：开发环境使用
npm install xxx -g 表示全局安装，通常用于安装脚手架等工具
npm install会默认下载dependencies和devDependencies中的所有依赖包
在运行阶段依赖的项，放到 dependencies 里；仅仅在开发、测试、编译阶段依赖的项，放到 devPependencies

使用 Webpack5 搭建一个完整的 Vue3 的开发环境：https://juejin.cn/post/6924180659829211143
vue-cli3搭建项目之优化webpack配置：https://segmentfault.com/a/1190000038447000
vue3 ui安装：https://www.jianshu.com/p/c79974852fb6
vue3 通过vue-cli安装：https://juejin.cn/post/6884527747570515981

vue-cli是什么，webpack是什么，vue-cli和webpack有什么关系

vue-cli是Vue官方脚手架工具，我们可以用它快速搭建一个初始化配置的Vue项目。vue-cli最主要的功能就是初始化项目，既可以使用官方模版，也可以使用自定义模版生成项目，

webpack是前端资源模块化管理和打包工具，它可以把松散的模块按照依赖和规则打包成符合生产环境部署的前端资源，还可以将按需加载的模块进行代码分割，等到实际需要的时候再异步加载。

vue-cli和webpack是什么关系：vue-cli里面包含了webpack， 并且配置好了基本的webpack打包规则。