Comment exclure de JS webpacked, une bibliothèque qui est requise par la configuration de Typescript

Question

Merci pour votre orientation, je suis relativement nouveau à tapuscrit en profondeur. Je suis un gars du côté serveur, mais j'apprécie la sensation confortable que procure le Scriptcript! Se sent près de la maison. En tant que scénario de test, j'essaye de «faire un pas» dans un projet principal qui inclut déjà jQuery. Ce scénario de test importe jQuery dans son code.

import $ = require("jquery"); 

class TestCase { 
    constructor(localeData) { 
     $('body').css('background', 'blue'); 
    } 
} 

Cette compile (avec Tapuscrit) dans ce format attendu

"use strict"; 
Object.defineProperty(exports, "__esModule", { value: true }); 
const $ = require("jquery"); 
class TestCase { 
    constructor(localeData) { 
     $('body').css('background', 'blue'); 
    } 
} 

Au-delà de cela, je l'ai exécuté ces commandes:

npm install -g webpack

npm install ts-loader --save

et ont ajoutez ce webpack.config.js Par la suite, je lance 'webpack' et j'obtiens comme prévu tout jQuery avant mon petit script de test. L'inconvénient est que le projet dans lequel je veux insérer ceci, inclut déjà jQuery.

Comment gérer ce cas? J'imagine que je dois dire à webpack d'exclure cette importation en quelque sorte?

Merci!

Answer 1

Bien. Semble être aussi simple que cela?

module.exports = { 
    entry: './testcase.ts', 
    output: { 
     filename: 'testcase.js' 
    }, 
    resolve: { 
     extensions: ['.webpack.js', '.web.js', '.ts', '.js'] 
    }, 
    externals: { 
     "jquery": "jQuery", 
    }, 
    module: { 
     loaders: [ 
      {test: /\.ts$/, loader: 'ts-loader'} 
     ] 
    } 
};