requirejs使用

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

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

簡單來講，requirejs就是用define來聲明模塊，用require來執(zhí)行模塊

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

在介紹前，先描述下簡單的目錄結(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 來定義一個(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 
})

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86478.html

相關(guān)文章

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

摘要：概述是一款遵循規(guī)范協(xié)議的模塊加載器，不但能在瀏覽器端充分利用，同樣能在其他的運(yùn)行時(shí)環(huán)境，比如和。使用像這樣的模塊加載器能提高代碼的質(zhì)量和開發(fā)速度。一般放在頁面的入口出，用來加載其他的模塊。 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)化工具，可以對項(xiàng)目中的和代碼使用或者進(jìn)行壓縮合并。這篇文章介紹的使用和配置方法，幫助大家解決使用中碰到的問題。對腳本的優(yōu)化支持目前流行的和兩種壓縮方式，需要環(huán)境支持，而則需要環(huán)境。定義要被優(yōu)化的模塊數(shù)組。 RequireJS Optimizer 是 RequireJS 自帶的前端優(yōu)化工具，可以對 RequireJS 項(xiàng)目中的JavaScript和CSS 代碼使用?Ugli...

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

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

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

摘要：這個(gè)需求我們經(jīng)常遇到，比如我們使用時(shí)，在加載其腳本模塊時(shí)，在頁面我們也會(huì)添加上標(biāo)簽引入其相關(guān)的樣式文件。樣式模塊化的好處 RequireJS被設(shè)計(jì)用來加載JavaScript模塊的，可是大家有沒有聯(lián)想到其實(shí)樣式文件可以進(jìn)行模塊化處理，那么問題來了，RequireJS能不能像加載腳本文件一樣來加載樣式文件呢？雖然RequireJS本身沒有實(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)用是通過配置文件決定的。下面通過示例來進(jìn)行深度的探討配置文件的使用。配置文件的位置配置文件的位置和聲明用法是相對于這個(gè)腳本文件來決定的。配置文件參數(shù)的介紹所有模塊的查找根路徑。概述 Requires強(qiáng)大靈活的運(yùn)用是通過配置文件決定的。通過配置文件我們可以給模塊取別名、給模塊加上版本標(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è)插件繞了不少彎路。這里的主要是為了保存這段內(nèi)容用于打包使用。免費(fèi)領(lǐng)取驗(yàn)證碼內(nèi)容安全短信發(fā)送直播點(diǎn)播體驗(yàn)包及云服務(wù)器等套餐更多網(wǎng)易技術(shù)產(chǎn)品運(yùn)營經(jīng)驗(yàn)分享請?jiān)L問網(wǎng)易云社區(qū)。文章來源網(wǎng)易云社區(qū) 本文由作者鄭海波授權(quán)網(wǎng)易云社區(qū)發(fā)布。前言我這里就不介紹requirejs了，簡而言之： requirejs是支持AMD規(guī)范的模塊加載器，事實(shí)上它也是...

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