论坛 › 『IT教程旧版』 › Vue技术栈开发实战 (249.9元全解密)

TwoKe 发表于 2020-12-26 16:37

# 模块化规范
- CommonJS
1. 说明
    - 每个文件都可当作一个模块
    - 服务器端：模块的加载是运行时同步加载的
    - 浏览器端：模块需要提前编译打包处理
2. 基本语法
    - 暴露模块
      ```js
      exports.xxx = value
      module.exports = value
      ```
    - 引入模块
      第三方模块：xxx为模块名，自定义模块：xxx为模块文件路径
      ```js
      require('xxx')
      ```
3. 实现
    - 服务端： nodeJs
    - 浏览器端：browserify 打包commonjs cnpm i browserify -gcnpm i browserify -S
- AMD
1. 说明
   
    - 专门用于浏览器端，模块的加载是异步的
2. 基本语法
    - 暴露模块
      - 定义没有依赖的模块
      ```js
    define(function(){

      })
      ```
      - 定义有依赖的模块
      ```js
      define(['module1','module2'],function (m1,m2) {

      })
      ```
    - 引入模块
      ```js
    require(['module1','module2'],function(m1,m2){

      })
      ```
3. 实现
    require.js
- CMD
1. 说明
    - 专用于浏览器端，模块的加载是异步的
    - 模块使用时才会加载执行

2. 基本语法
    - 暴露模块
      - 定义没有依赖的模块
      ```js
      define(function(require,exports,module){
          exports.xxx = value
          module.exports = value
      })
      ```
      - 定义有依赖的模块
      ```js
      define(function(require,exports,module){
          var module2 = require('./module2')
          // 异步加载
          require.async('./module3',function(m3){

          })
          exports.xxx = value
      })
      ```
    - 引入模块
      ```js
      define(function(require){
      
      })
      ```
3. 实现
    Seajs
- ES6
1. 说明
    - 依赖模块需要编译打包处理
2. 基本语法
    - 导出模块：export
    - 引入模块：import
3. 实现
    - 使用Babel讲ES6转化ES5
    - browserify

cli: command line interface

babel-cli:
babel-preset-es2015 browserify

cnpm i babel-cli browserify -g
cnpm i babel-preset-es2015 -D: es6->es5

阿森纳 发表于 2020-12-26 16:58

Vue技术栈开发实战 (249.9元全解密)
Vue技术栈开发实战 (249.9元全解密)
Vue技术栈开发实战 (249.9元全解密)
Vue技术栈开发实战 (249.9元全解密)

老农民学编程 发表于 2020-12-27 00:12

Vue技术栈开发实战 (249.9元全解密)   [复制链接]

wwwxml 发表于 2020-12-27 00:38

Vue技术栈开发实战 (249.9元全解密)

yakev18 发表于 2020-12-27 00:52

Vue技术栈开发实战

adf520 发表于 2020-12-27 17:35

谢谢楼主的分享

1434822209 发表于 2020-12-27 18:55

e技术栈开发实战 (249.9元全解密) [复

峰林叶雨 发表于 2020-12-27 19:21

e技术栈开发实战 (249.9元全解密

chinatea 发表于 2020-12-27 19:23

thanks a lot

西门蜗牛 发表于 2020-12-27 19:51

感谢分享感谢

查看完整版本: Vue技术栈开发实战 (249.9元全解密)