Plugin JQuery (datatables) con Webpack e Typescript

Question

Sto provando a utilizzare il plugin JQuery dei datatables con webpack e dattiloscritto. Ho già JQuery installato e funzionante con le digitazioni (intelliSense funziona), per i datatables ho solo intelliSense, ma dopo la compilazione del webpack quando eseguo l'app il codice fallisce quando si tratta di $ ('# id'). DataTable() linea.

app.js:43Uncaught TypeError: $(...).dataTable is not a function

io non sono in grado di capire come collegare questo pluggin correttamente, qualcuno può please help me?

Il webpack.config.js è il seguente; https://gist.github.com/marcingolenia/2fa78ed2cd42f9294da5edd22d351245

Spero che questa linea risolva il problema;

{ test: require.resolve("dataTables.net"), loader: "imports?define=>false,$=jquery"}, 

come dice il documento del caricatore di importazione;

Ci sono molti moduli che controllano una funzione di definizione prima di utilizzare CommonJS. Dal momento che il webpack è in grado di entrambi, per impostazione predefinita AMD in questo caso, che può essere un problema se l'implementazione è bizzarra.

DataTable fornisce sia, così ho voluto disabilitare AMD utilizzando definire => false come accennato qui https://www.datatables.net/forums/discussion/32542/datatables-and-webpack

Ora mi sono bloccato :(

Answer 1

siete quasi arrivati!

assicurarsi che sia datatables.net e datatables.net-dt installato tramite NPM:

npm install datatables.net datatables.net-dt --save-dev 

nel file di ingresso ./src/main.js scrittura:

require('datatables.net')(window, $) 
require('datatables.net-dtt')(window, $) 

Dopo di che, qualsiasi logica codice seguente formato $(...).dataTable funzionerà come esempi mostrati o homepage DataTable.