requirejs使用

EsgynChina 發(fā)布于2019-08-21 10:57 / 3104人閱讀

摘要：簡(jiǎn)單來(lái)講，就是用來(lái)聲明模塊，用來(lái)執(zhí)行模塊加載的模塊都符合，也就是說(shuō)自己寫(xiě)的模塊都必須符合規(guī)范，下邊來(lái)說(shuō)下模塊的寫(xiě)法。在介紹前，先描述下簡(jiǎn)單的目錄結(jié)構(gòu)目錄結(jié)構(gòu)入口文件引用通常我們用來(lái)定義一個(gè)模塊配置聲明模塊如果模塊需要依賴于加載使用

簡(jiǎn)單來(lái)講，requirejs就是用define來(lái)聲明模塊，用require來(lái)執(zhí)行模塊

requirejs 加載的模塊都符合AMD，也就是說(shuō)自己寫(xiě)的模塊都必須符合AMD規(guī)范，下邊來(lái)說(shuō)下AMD模塊的寫(xiě)法。

在介紹前，先描述下簡(jiǎn)單的目錄結(jié)構(gòu)

目錄結(jié)構(gòu)
project
      |scripts
            |libs
                jquery.min.js
                 // other js files
            |control
                 module1.js
                 main.js//入口文件
                 others
      index.html

index.html引用

通常我們用define 來(lái)定義一個(gè)模塊

配置main.js

require.config({
  baseUrl: "js",
  paths: {   
       "jquery": "libs/jquery-1.11.3",   
       "m1":"control/module1"}
});

聲明模塊

define(function(){
  return {
    init: function(){
        console.log(1)
    }
 }
})

如果模塊需要依賴于jquery

define(["jquery"],function($){
  return {
    init: function(){
        console.log($)
    }
 }
})

加載使用

require(["jquery","m1"],function(j,m){
  //dosomething 
})

云服務(wù)器 GPU云服務(wù)器 requirejs使用 requirejs使用教程 Requirejs requirejs例子

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86478.html

相關(guān)文章

RequireJS:一款優(yōu)秀的AMD模塊加載器

摘要：概述是一款遵循規(guī)范協(xié)議的模塊加載器，不但能在瀏覽器端充分利用，同樣能在其他的運(yùn)行時(shí)環(huán)境，比如和。使用像這樣的模塊加載器能提高代碼的質(zhì)量和開(kāi)發(fā)速度。一般放在頁(yè)面的入口出，用來(lái)加載其他的模塊。 RequireJS概述 RequireJS是一款遵循AMD規(guī)范協(xié)議的JavaScript模塊加載器，不但能在瀏覽器端充分利用，同樣能在其他的JavaScript運(yùn)行時(shí)環(huán)境，比如Rhino和No...

syoya 2019-08-21 10:21 評(píng)論0 收藏0
前端優(yōu)化：RequireJS Optimizer 的使用和配置方法

摘要：是自帶的前端優(yōu)化工具，可以對(duì)項(xiàng)目中的和代碼使用或者進(jìn)行壓縮合并。這篇文章介紹的使用和配置方法，幫助大家解決使用中碰到的問(wèn)題。對(duì)腳本的優(yōu)化支持目前流行的和兩種壓縮方式，需要環(huán)境支持，而則需要環(huán)境。定義要被優(yōu)化的模塊數(shù)組。 RequireJS Optimizer 是 RequireJS 自帶的前端優(yōu)化工具，可以對(duì) RequireJS 項(xiàng)目中的JavaScript和CSS 代碼使用?Ugli...

Alan 2019-08-28 17:51 評(píng)論0 收藏0
【前端構(gòu)建】RequireJS及其優(yōu)化工具

摘要：介紹一款模塊加載工具的入門(mén)，并且重點(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的入門(mén)，并且重點(diǎn)介紹其優(yōu)化工具。一、RequireJS簡(jiǎn)介...

Loong_T 2019-08-19 17:59 評(píng)論0 收藏0
RequireJS按需加載樣式文件

摘要：這個(gè)需求我們經(jīng)常遇到，比如我們使用時(shí)，在加載其腳本模塊時(shí)，在頁(yè)面我們也會(huì)添加上標(biāo)簽引入其相關(guān)的樣式文件。樣式模塊化的好處 RequireJS被設(shè)計(jì)用來(lái)加載JavaScript模塊的，可是大家有沒(méi)有聯(lián)想到其實(shí)樣式文件可以進(jìn)行模塊化處理，那么問(wèn)題來(lái)了，RequireJS能不能像加載腳本文件一樣來(lái)加載樣式文件呢？雖然RequireJS本身沒(méi)有實(shí)現(xiàn)這個(gè)功能，但官網(wǎng)推薦了一些常用的插件供...

googollee 2019-08-28 18:00 評(píng)論0 收藏0
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 2019-08-14 11:55 評(píng)論0 收藏0
requirejs的插件介紹與制作

摘要：一句化即它是插件的插件，作者事后才發(fā)現(xiàn)有這么一個(gè)插件繞了不少?gòu)澛贰＿@里的主要是為了保存這段內(nèi)容用于打包使用。免費(fèi)領(lǐng)取驗(yàn)證碼內(nèi)容安全短信發(fā)送直播點(diǎn)播體驗(yàn)包及云服務(wù)器等套餐更多網(wǎng)易技術(shù)產(chǎn)品運(yùn)營(yíng)經(jīng)驗(yàn)分享請(qǐng)?jiān)L問(wèn)網(wǎng)易云社區(qū)。文章來(lái)源網(wǎng)易云社區(qū) 本文由作者鄭海波授權(quán)網(wǎng)易云社區(qū)發(fā)布。前言我這里就不介紹requirejs了，簡(jiǎn)而言之： requirejs是支持AMD規(guī)范的模塊加載器，事實(shí)上它也是...

shinezejian 2019-06-28 11:09 評(píng)論0 收藏0