requireJS簡單應用

2022-02-18 01:07:30 字數 868 閱讀 7293

專案結構目錄:

html頁面

"

">春江潮水連海平,海上明月共潮生。

灩灩隨波千萬里,何處春江無月明!

江流宛轉繞芳甸,月照花林皆似霰;

空裡流霜不覺飛,汀上白沙看不見。

江天一色無纖塵,皎皎空中孤月輪。

江畔何人初見月?江月何年初照人?

人生代代無窮已,江月年年只相似。

"best

">

引數配置:

requirejs 常用的方法與命令也就兩個,因此requirejs使用起來非常簡單

define是用於定義模組,而require是用於載入模組以及載入配置檔案。

require.config()

require.config(

});//

確定引用,沒有這句**,沒法使用jquery

require(["

jquery

require(['

bjtest

'], function (a) );

require(['

bjtest

', '

tjtest

'], function (a, b) );

當我們的專案足夠的龐大時,我也會推薦將入口檔案作為乙個普通的模組,然後在這個模組中,根據業務的不同再去載入不同的配置檔案。

bjtest.js

define(,

fang: function (a, b, c)

});

詳細內容

Requirejs常用配置和應用

requirejs require方法衝突 如果載入了多個requirejs指令碼,每個requirejs會判斷是否瀏覽器已經實現了require和define方法。如果瀏覽器已經自帶require和define方法,或者之前已經有乙個requirejs指令碼執行,那麼這個requirejs就會立刻...

requireJS多頁面應用例項

本文是requirejs的一些知識點的總結,配上多頁面應用中的例項分析。本案例的目錄結構如下 requirejs api的三個主要函式 define 建立模組 require 載入模組 config 配置 1 html檔案中載入js檔案 page1.html內容如下 1 doctype html 2...

RequireJs打包簡單模組打包

本文講解的是requirejs對檔案合併與壓縮的實現方法。requirejs提供了乙個打包與壓縮工具r.js,r.js的壓縮工具使用uglifyjs進行壓縮的。requirejs對互相依賴模組進行合併與壓縮,可以對js,css壓縮,甚至可以對整個專案進行打包。r.js是基於nodejs的,所以本機電...