工业化的发展历史 (模块化开发的发展历程)

1、module


var MyModule = {
    name:"panghu",
    getName:function(){

    },
}

2、require.js

遵循的规则AMD:AMD是require在定义模块化推广过程中的过规范化产出。

3、sea.js

遵循的规则CMD:CMD是seajs在定义模块化推广过程中的过规范化产出。

4、Common.js规范


module.exports = obj

const obj = require('path');

5、module


export dafault Name
import Name from "path"

export Name

import {Name} from "path"

6、框架 Vue React ----> webpack

(淘汰了) (淘汰了)
Grunt --> gulp --> Webpack

7、Webpack的作用

1、帮我们压缩打包合并文件操作
2、对代码的common.js规范进行解析，成为前端可以运行的文件
3、编译工作 ：  
    ES6-->ES5
    Less-->CSS
    Vue-->JS
    React-->JS
    jsx-->js
4、优化工作：
优化开发流程，集成服务器

安装 webpack

1、全局安装
npm install -g webpack

2、创建项目 webpack-demo

3、初始化项目
在项目根目录下执行： npm init
package.json文件作用:
1、可以查看我们在当前项目中都安装了什么
2、我们后期在这个文件中可以配置各种执行的选项

4、在项目中安装webpack和webpack-cli
npm -install -D webpack
npm -install -D webpack-cli