zoukankan      html  css  js  c++  java
  • seajs +gruntjs 合作开发

    nodejs的出现 让服务器端能运行 js

    commonjs规范 规范服务器端开发按照什么写法去写 包括模块化开发 ( 不同点 请求在本地 js加载)

    AMD规范 浏览器端开发的规范 (不同点: 浏览器 请求 http js加载异步的) require库采用

    CMD规范 相当与 amd2.0升级版 seajs开发采用此规范

    什么是构建工具:
    比如在开发网站
    线上 线下开发
    右键查看源代码压缩, 主要用于本地开发
    不同文件合并在一起 多人协助

    构建工具 是软件 自动化处理 代码 传到线上

    webqq写了四个js 合并到一起
    实际开发过程中必须通过构建化工具 gruntjs 压缩 js校检 js功能测试

    安装流程:
    nodejs 新版本包括 npm包管理工具


    通过构建工具压缩之后四个js文件 发现seajs不能引入:原因之前的引用地址不存在的,就不能依赖了

    sea.js 如果解决这个问题?

    上线的版本 比如合并操作 :在合并后的js中define要多出2个参数 第一个参数当前模块id 第二个参数 依赖模块的数组(就是当前模块要用的js的id)

    然后 网络请求只剩一个合并后的 main.js 而不是之前要请求四个js。 请求数目减少

    普通合并操作 没办法提取 id和依赖的数组

    seajs+ gruntjs 合并开发
    transport 提前 id和依赖
    contcat 对提取的 进行合并操作

    图片有空发上来~~~~~~

  • 相关阅读:
    jQuery库冲突解决办法
    jquery源码 整体架构
    中文版Chrome浏览器不支持12px以下字体的解决方案
    html5 localStorage
    Git创建分支/GIT提交分支
    Git直接拉取远程分支
    vscode关闭后未打开上次界面的解决办法
    MAC升级nodejs和npm到最新版
    hadoop hue切换中文版
    Hdfs dfs命令使用
  • 原文地址:https://www.cnblogs.com/h5monkey/p/6116642.html
Copyright © 2011-2022 走看看