vue2.0覆盖3.0笔记

## webpack 工程化
webpack 基本用法
配置webpack
~作用
~概念

实际开发
模块化 ：js css 资源
组件化 ：ui 结构 样式 行为 （复用）
规范化 ：目录结构的划分 编码规范化 接口规范化 文档规范化 git分支管理
自动化 ：自动化构建 部署 测试

dependencies： 开发 上线部署 -S --save
devDependencies：只在开发阶段 -D --save-dev

项目中安装webpack
npm install webpack@5.42.1 webpaack-cli@4.7.2 --save-dev
在项目中配装 webpack

1. 在项目根目录中，创建名为webpack.config.js的webpack配置文件，并初始化如下的基本配置：

//  使用Node.js 中的导出语法，向外导出一个webpack的配装对象
module.exports = {
	//代表webpack运行的模式，可选值有两个 development 和 production
	mode:'development'
}

2. 在packge.json的scripts节点下，新增dev脚本如下：

  "scripts": {
    "dev":"webpack"//script 节点下的脚本,可以通过 npm run执行,例如 npm run de