如何确保已从 <script> 标记代码中加载 AMD 依赖项？

Question

我已经将页面中包含的所有脚本迁移到 webpack 包中，现在我只包含这个。

我应该如何迁移我的代码（在页面 <script> 标签内）以兼容 AMD 模块加载？例如，当代码运行时，我现有的代码无法再访问 $（jquery 全局对象）（可能是因为它尚未加载）。

Answer 1

您可以使用 expose-loader 模块。

然后在你的 webpack.config.js:

module.exports = {


    module: {

        rules: [
            {
                test: require.resolve('jquery'),
                    use: [{
                        loader: 'expose-loader',
                        options: '$'
                    },
                    {
                        loader: 'expose-loader',
                        options: 'jQuery'
                    }]
            },

        ]
    },

如何确保已从 <script> 标记代码中加载 AMD 依赖项？

How to ensure that AMD dependency has been loaded from inside <script> tag code?

amd

requirejs

webpack