Comment s'assurer que la dépendance AMD a été chargée depuis l'intérieur du code de balise <script>?

Question

J'ai migré tous les scripts qui étaient inclus dans ma page vers le bundle webpack, et maintenant je l'ai inclus seulement.

Comment dois-je migrer mon code (à l'intérieur de la page <script> tags) afin d'être compatible avec le chargement du module AMD? Par exemple mon code existant ne peut plus accéder à $ (objet global jquery), (probablement parce qu'il n'est pas encore chargé) lorsque le code est exécuté.

Answer 1

Vous pouvez utiliser le module expose-loader.

Puis dans votre webpack.config.js:

module.exports = { 


    module: { 

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

     ] 
    },