国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

使用require.js構(gòu)建優(yōu)化項(xiàng)目實(shí)踐

anRui / 2849人閱讀

摘要：嘗試用自己主頁(yè)的簡(jiǎn)單代碼構(gòu)建優(yōu)化下。存放和，放需要構(gòu)建的項(xiàng)目代碼，為構(gòu)建目標(biāo)文件夾。我另外一篇博文構(gòu)建優(yōu)化有簡(jiǎn)單說(shuō)了下，構(gòu)建的命令，其實(shí)上的官網(wǎng)，看有更詳細(xì)的內(nèi)容。

嘗試用自己主頁(yè)的簡(jiǎn)單代碼構(gòu)建優(yōu)化下。
在文件夾requirejs-optimizer下新建三個(gè)文件夾：tools，www和www-built。tools存放r.js和build.js，www放需要構(gòu)建的項(xiàng)目代碼，www-built為構(gòu)建目標(biāo)文件夾。

www下代碼結(jié)構(gòu)：

js/main-index.js為require.js的入口文件：

requirejs.config({
    paths:{
        jquery: "jquery.min",
        pikachoose: "jquery.pikachoose"
    },
    shim:{
        pikachoose:{
            deps: ["jquery"],
            exports: "PikaChoose"
        }
    }
});

requirejs(["jquery","pikachoose"],function($,pikachoose){
    $("#pikame").pikachoose({
        showCaption: false,
        transition: [7,7,8],
        animationSpeed: 1500
    });
    $("#pikame2").pikachoose({
        showCaption: false,
        transition: [8,7,7],
        animationSpeed: 1500
    });
});

原本jquery我是使用CDN的，構(gòu)建之后出錯(cuò)了，提示jquery is not defined，是因?yàn)閜ikachoose依賴于jquery，如果使用CDN，需要確保jquery比pikachoose先加載，但我還未找到要如何設(shè)置，所以先把jquery下載到本地，和pikachoose一起構(gòu)建。
tools/build.js的配置信息：

{
    appDir: "../www", 
    baseUrl: "js",
    paths: {
        jquery: "jquery.min",
        pikachoose: "jquery.pikachoose"
    },
    shim: {
        pikachoose: {
            deps: ["jquery"],
            exports: "PikaChoose"
        }
    },
    dir: "../www-built",
    optimizeCss: "standard", //css優(yōu)化參數(shù)設(shè)定
    modules: [
        {
            name: "main-index"
        }
    ]
}

詳細(xì)的build.js配置可以參考example.build.js，有很詳細(xì)的介紹每個(gè)參數(shù)的配置情況。我另外一篇博文require.js構(gòu)建優(yōu)化有簡(jiǎn)單說(shuō)了下，構(gòu)建的命令，其實(shí)上require.js的官網(wǎng)，看api有更詳細(xì)的內(nèi)容。構(gòu)建后www-built目錄下的內(nèi)容：

和www目錄結(jié)構(gòu)一樣，除卻js和css，其他格式的文件和文件夾從www拷貝過(guò)來(lái)，不同的是，css樣式文件內(nèi)容被壓縮，main-index.js配置下用到的模塊依賴壓縮合并到main-index.js中。

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/87571.html

相關(guān)文章

  • RequireJS進(jìn)階:配置文件的學(xué)習(xí)

    摘要：概述強(qiáng)大靈活的運(yùn)用是通過(guò)配置文件決定的。下面通過(guò)示例來(lái)進(jìn)行深度的探討配置文件的使用。配置文件的位置配置文件的位置和聲明用法是相對(duì)于這個(gè)腳本文件來(lái)決定的。配置文件參數(shù)的介紹所有模塊的查找根路徑。 概述 Requires強(qiáng)大靈活的運(yùn)用是通過(guò)配置文件決定的。通過(guò)配置文件我們可以給模塊取別名、給模塊加上版本標(biāo)識(shí)、設(shè)置模塊依賴、包裝非模塊等強(qiáng)大功能。同時(shí)RequireJS的優(yōu)化器也大量使用了配...

    lemon 評(píng)論0 收藏0

  • 【前端構(gòu)建】RequireJS及其優(yōu)化工具

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

    Loong_T 評(píng)論0 收藏0

  • RequireJS配置項(xiàng)筆記

    摘要：讀不順中文文檔，對(duì)應(yīng)中文文檔，自行翻譯的如果有問(wèn)題錯(cuò)誤，歡迎指點(diǎn)修改配置選項(xiàng)方法一在頂級(jí)頁(yè)面或頂級(jí)腳本文件沒(méi)有定義模塊的腳本文件中配置方法二在主模塊中配置缺點(diǎn)主模塊異步加載，多入口的話，會(huì)隨機(jī)報(bào)錯(cuò)方法三在調(diào)用之前，將配置定義為全局變量配置在 讀不順中文文檔，對(duì)應(yīng)中文文檔，自行翻譯的……如果有問(wèn)題/錯(cuò)誤，歡迎指點(diǎn)； 修改配置選項(xiàng)： 方法一、 requi...

    FWHeart 評(píng)論0 收藏0

  • 前端面試題（3）現(xiàn)代技術(shù)

    摘要：什么是單頁(yè)面應(yīng)用單頁(yè)面應(yīng)用是指用戶在瀏覽器加載單一的頁(yè)面，后續(xù)請(qǐng)求都無(wú)需再離開此頁(yè)目標(biāo)旨在用為用戶提供了更接近本地移動(dòng)或桌面應(yīng)用程序的體驗(yàn)。流程第一次請(qǐng)求時(shí)，將導(dǎo)航頁(yè)傳輸?shù)娇蛻舳?，其余?qǐng)求通過(guò)獲取數(shù)據(jù)實(shí)現(xiàn)數(shù)據(jù)的傳輸通過(guò)或遠(yuǎn)程過(guò)程調(diào)用。 什么是單頁(yè)面應(yīng)用(SPA)？ 單頁(yè)面應(yīng)用(SPA)是指用戶在瀏覽器加載單一的HTML頁(yè)面，后續(xù)請(qǐng)求都無(wú)需再離開此頁(yè) 目標(biāo)：旨在用為用戶提供了更接近本地...

    EasonTyler 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

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