成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

kviccn / 2555人閱讀

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

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);

//運(yùn)行 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://systransis.cn/yun/81151.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

    roundstones 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<