vue基础知识(十二)——前端工程化

1.模块化相关规范

1.1 模块化概述

传统开发模式的主要问题

1. 命名冲突
2. 文件依赖

通过模块化解决上述问题

• 模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块
• 模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护

1.2 浏览器端模块化规范

1. AMD

Require.js（http://www.requirejs.js）

2. CMD

Sea.js（https://seajs.github.io/seajs/docs）

1.3 服务器端模块化规范

1. CommonJS

（1）模块分为单文件模块与包
（2）模块成员导出：module.exports 和 exports
（3）模块成员导入：require('模块标识符')

1.4 大一统的模块化规范——ES6模块化

在ES6模块化规范诞生之前，Javascript社区已经尝试并提出AMD、CMD、CommonJS等模块化标准。

但是，这些社区提出的模块化标准，还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准。例如：

• AMD 和 CMD 使用于浏览器端的 Javascript 模块化
• CommonJS 适用于服务器端的 Javascript 模块化

因此，ES6语法规范中，在语言层面上定义了ES6模块化规范，是浏览器端与服务器端通用的模块化开发规范。

ES6模块化规范中定义：

• 每个 js 文件都是一个独立的模块
• 导入模块成员使用 import 关键字
• 暴露模块成员使用 export 关键字
  

1.5 ES6模块化的基本语法

详情可查看：https://blog.****.net/qq_40556950/article/details/105492117

1.6 webpack

详情可查看：https://blog.****.net/qq_40556950/article/details/105485471

1.7 前端脚手架vue-cli

详情可查看：https://blog.****.net/qq_40556950/article/details/105489011

1.8 Element-UI 的基本使用