requirejs使用

EsgynChina 發布于2019-08-21 10:57 / 3036人閱讀

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

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

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

在介紹前，先描述下簡單的目錄結構

目錄結構
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云服務器云服務器 requirejs使用 requirejs使用教程 Requirejs requirejs例子

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86478.html

RequireJS:一款優秀的AMD模塊加載器

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

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

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

Alan 2019-08-28 17:51 評論0 收藏0
【前端構建】RequireJS及其優化工具

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

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

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

googollee 2019-08-28 18:00 評論0 收藏0
RequireJS進階:配置文件的學習

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

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

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

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