require.js填充程序选项在使用r.js和`empty:`时不起作用

require.js shim option does not work when using r.js and `empty:`

本文关键字：js empty 不起作用 程序 填充 选项 require      更新时间：2023-09-26

我使用的是jquery 1.11.3、require.js 2.1.18和r.js 2.1.18

我想把jquery.js放在外面，以便使用浏览器缓存。

//file js/main.js
require.config({
        baseUrl: 'js',
        paths: {
                'jquery': '//cdn.bootcss.com/jquery/1.11.3/jquery.js'
        },
        shim: {
                'p': ['jquery']
        }
});
require(['jquery', 'p'], function($) {
        alert(222);
});

//file js/p.js
//this is an jquery plugin which does not support AMD
alert($().jquery);

//file build.js
({
        baseUrl: "js",
        name: "main",
        out: "app.js",
        paths: {jquery: "empty:"}
})

这将导致错误

`Uncaught ReferenceError: $ is not defined(anonymous function) @ app.js:1`

但以下代码可以工作，警报（"1.1.13"），然后警报（222）

//file js/main.js
require.config({
        baseUrl: 'js',
        paths: {
                'jquery': 'jquery.js'
        },
        shim: {
                'p': ['jquery']
        }
});
require(['jquery', 'p'], function($) {
        alert(222);
});

//file js/p.js
alert($().jquery);

//file build.js
({
        baseUrl: "js",
        name: "main",
        out: "app.js",
        paths: {jquery: "jquery"}
})

代码的第一部分出了什么问题谢谢~

RequireJS不允许做你想做的事情。shim上的注释拼写为：

不要在构建中混合使用CDN加载和填充程序配置示例场景：您从CDN加载jQuery，但使用shim-config加载类似于依赖jQuery的Backbone的股票版本的内容。当您进行构建时，请确保在构建的文件中内联jQuery，并且不要从CDN加载它。否则，Backbone将被内联在构建的文件中，并且它将在加载CDN的jQuery之前执行。这是因为填充程序配置只会延迟文件的加载，直到加载依赖项，但不会自动包装define在构建之后，依赖项已经内联，shim-config不能将非define（）代码的执行延迟到以后define（）的模块在构建后可以使用CDN加载的代码，因为它们将源代码正确地封装在define工厂函数中，该函数在加载依赖项之前不会执行。因此，教训是：shim-config是非模块化代码、遗留代码的权宜之计。define（）的模块更好。

（增加了重点。）

除非您将p重写为一个合适的AMD模块，否则您必须放弃CDN。

相关文章：