資訊專欄INFORMATION COLUMN
摘要：文件輸出路徑定義入口文件路徑單入口輸出路徑要優化的模塊說白了就是各頁面的入口文件，相對的路徑，也是省略后綴相對的路徑定義依賴模塊的路徑運行點擊參考文章文件合并
gulpfile.js
var gulp = require("gulp");
var rjs = require("requirejs");
gulp.task("build", function(cb){
rjs.optimize({
//文件輸出路徑
dir: "./vajoy",
//定義入口文件路徑
baseUrl: "./rjs",
//單入口
//mainConfigFile:"./rjs/main.js",
//name:"main",
//輸出路徑
//out:"./rjs/dist/build-main.js",
modules: [ //要優化的模塊
{ name:"main"} //說白了就是各頁面的入口文件，相對baseUrl的路徑，也是省略后綴“.js”
],
optimize: "uglify",
//相對baseUrl的路徑,定義依賴模塊的路徑
paths: {
a: "./js/a",
jquery: "./js/jquery",
}
}, function(buildResponse){
// console.log("build response", buildResponse);
cb();
}, cb);
//運行 gulp build
main.js
// JavaScript Document
require.config({
baseUrl: "js",
paths: {
"jquery":"jquery",
"a":"a"
}
});
require(["jquery","a"],function($,a){
$("#btn").on("click",function(){
a();
})
})
html
requireJS