1. 程式人生 > >一個requirejs的坑

一個requirejs的坑

我載入模組的程式碼如下:

requirejs.config({
	//By default load any module IDs from js/lib
	baseUrl: 'asset',
	paths: {
		vue: 'vue',
		comloader: 'comloader',
		comlist: 'comlist',
		text: 'text'
		com: 'components'
	}
});
require(["vue", "comloader", "comlist", "com/index"], function(Vue, comloader, comlist,js) {
	comloader.config(comlist, () => {
		setTimeout(() => {
			new Vue({
				el: "#app"
			});
		})
	})

})

我定義了一個com的path,然後我的目錄中也有一個com資料夾,當我載入com資料夾下的模組時,路徑替換為components。
為了避免衝突,我添加了一個path,修改如下:

requirejs.config({
	//By default load any module IDs from js/lib
	baseUrl: 'asset',
	paths: {
		vue: 'vue',
		comloader: 'comloader',
		comlist: 'comlist',
		text: 'text'
		com: 'components',
		compath: 'com'
	}
});
require(["vue", "comloader", "comlist", "compath/index"], function(Vue, comloader, comlist,js) {
	comloader.config(comlist, () => {
		setTimeout(() => {
			new Vue({
				el: "#app"
			});
		})
	})

})