成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

requireJS,rjs,gulp簡易實現(xiàn)

kviccn / 2637人閱讀

摘要:文件輸出路徑定義入口文件路徑單入口輸出路徑要優(yōu)化的模塊說白了就是各頁面的入口文件,相對的路徑,也是省略后綴相對的路徑定義依賴模塊的路徑運行點擊參考文章文件合并

gulpfile.js

var gulp = require("gulp");
var rjs = require("requirejs");
gulp.task("build", function(cb){
  rjs.optimize({
    //文件輸出路徑  
    dir: "./vajoy",
    //定義入口文件路徑
    baseUrl: "./rjs",
    //單入口
    //mainConfigFile:"./rjs/main.js",
    //name:"main",
    //輸出路徑
    //out:"./rjs/dist/build-main.js",
    modules: [                    //要優(yōu)化的模塊
      { name:"main"}            //說白了就是各頁面的入口文件,相對baseUrl的路徑,也是省略后綴“.js”
    ],
    optimize: "uglify",
    //相對baseUrl的路徑,定義依賴模塊的路徑
    paths: {    
            a: "./js/a",
            jquery: "./js/jquery",
    }
  }, function(buildResponse){
    // console.log("build response", buildResponse);
    cb();
  }, cb);

//運行 gulp build

main.js

// JavaScript Document
require.config({
    baseUrl: "js",
    paths: {
      "jquery":"jquery",
           "a":"a"
    }
  });
require(["jquery","a"],function($,a){
    $("#btn").on("click",function(){
        a();
        })
    })

html




requireJS
 






參考文章
http://www.tuicool.com/articl... r.js
http://www.cnblogs.com/2050/p... gulp
http://m.blog.csdn.net/articl... require.js文件合并

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/81151.html

相關(guān)文章

  • require.js學(xué)習(xí)記錄

    摘要:工作方式為使用將每一個依賴加載為一個標(biāo)簽。然后在被瀏覽器加載完畢后,便會自動繼承之前配置的參數(shù)??梢詥为毝x鍵值隊數(shù)據(jù),作為配置文件來使用還可以定義依賴的關(guān)系壓縮使用來進(jìn)行壓縮時,需要指定文件。在鏈接中有很好的示例,可以參看學(xué)習(xí)。 1、簡介 官方對requirejs的描述:RequireJS is a JavaScript file and module loader. It is o...

    鄒強(qiáng) 評論0 收藏0
  • 【前端構(gòu)建】RequireJS及其優(yōu)化工具

    摘要:介紹一款模塊加載工具的入門,并且重點介紹其優(yōu)化工具。發(fā)布目錄項目源代碼工具目錄,例如構(gòu)建工具等。另外,前端代碼發(fā)布前都會進(jìn)行壓縮,使文件足夠小。原來是因為里了,所以優(yōu)化工具把也合并進(jìn)來了。而優(yōu)化工具要用好,要多嘗試他們的配置選項。 前端變化太快,如今RequireJS已經(jīng)無法吸引眼球了。介紹一款模塊加載工具:RequireJS的入門,并且重點介紹其優(yōu)化工具。 一、RequireJS簡介...

    Loong_T 評論0 收藏0
  • Browserify簡易入坑指南

    摘要:簡要說明長處在于使用模塊規(guī)范,而不是使用的模塊規(guī)范,以及使用的模塊規(guī)范。簡單使用關(guān)于命令行工具使用,請參照官方文檔。相同模塊重復(fù)依賴模塊重復(fù)依賴很容易理解,模塊實現(xiàn)時可能分割為多個子文件實現(xiàn),每個子文件內(nèi)部可能會引用同一個模塊,如。 簡介 browerify: http://browserify.org/index.html browserify可以看做瀏覽器端的又一個模塊...

    vpants 評論0 收藏0
  • angularjs + requirejs 完整的手腳架

    摘要:還記得一年半前轉(zhuǎn)向后端的那種無助的感覺,獨自一人摸黑走路,學(xué)習(xí)各種前端知識,走了不少彎路,現(xiàn)在終于算是入門了前端我相信不少人也有我當(dāng)時同樣的無助,所以我在空閑時間整理了下所用到的知識,便編寫了一個手腳架,希望能給其他正學(xué)習(xí)前端的同學(xué)一些參考 還記得一年半前轉(zhuǎn)向后端的那種無助的感覺,獨自一人摸黑走路,學(xué)習(xí)各種前端知識,走了不少彎路,現(xiàn)在終于算是入門了前端~我相信不少人也有我當(dāng)時同樣的無助...

    anyway 評論0 收藏0
  • 模塊管理的簡單實現(xiàn)

    摘要:模塊管理的簡單實現(xiàn)方式,為什么會有這個東西方便組織你的代碼,提高項目的可維護(hù)性。適用場景移動端頁面,將注入到頁面,這樣就不用考慮模塊加載的問題,從而節(jié)省了很多的代碼,在實現(xiàn)上也更為的簡單。 模塊管理的簡單實現(xiàn)方式 Keep It Simple,Stupid Q&A 1. 為什么會有這個東西? 方便組織你的代碼,提高項目的可維護(hù)性。一個項目的可維護(hù)性高不高,也體現(xiàn)一個程序員的水平,在如今...

    roundstones 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<