您的位置:首页 > 产品设计 > UI/UE

requirejs中data-main属性加载data-main指定的main.js文件找不到

2018-02-28 14:07 232 查看
刚开始我是在官网上http://requirejs.org/docs/download.html下载了未压缩的的r.js文件,但是使用这个文件使用data-main属性引入main.js文件的时候一直找不到。

<script data-main="js/main" src="js/r.js"></script>


经过各种测试查找终于找到需要下载压缩后的文件require.js。

<script data-main="js/main" src="js/require.js"></script>


使用上面的文件就不存在找不到文件的情况.

解释一下,加载requirejs脚本的script标签加入了data-main属性,这个属性指定的js将在加载完reuqire.js后处理,我们把require.config的配置加入到data-main后,就可以使每一个页面都使用这个配置,然后页面中就可以直接使用require来加载所有的短模块名

data-main还有一个重要的功能,当script标签指定data-main属性时,require会默认的将data-main指定的js为根路径,是什么意思呢?如上面的data-main=”js/main”设定后,我们在使用require([‘jquery’])后(不配置jquery的paths),require会自动加载js/jquery.js这个文件,而不是jquery.js,相当于默认配置了:

require.config({
baseUrl : "js"
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: