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

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

     ] 
    },