requirejs使用

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

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

簡單來講，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 來定義一個模塊

配置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://m.specialneedsforspecialkids.com/yun/86478.html

相關(guān)文章

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

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

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

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

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

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

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

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

googollee 2019-08-28 18:00 評論0 收藏0
RequireJS進階:配置文件的學(xué)習(xí)

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

lemon 2019-08-14 11:55 評論0 收藏0
requirejs的插件介紹與制作

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

shinezejian 2019-06-28 11:09 評論0 收藏0