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

Question

我已将网页中包含的所有脚本迁移到webpack包中，现在我只包含此脚本。

＆＃xA;＆＃xA;

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

＆＃xA;

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'
                    }]
            },

        ]
    },