Il Webpack condizionale richiede

Question

Sto scrivendo un Key Value Store isomorfo con webpack.

Questo è attualmente il mio approccio per caricare le librerie, che ovviamente non funziona, perché il webpack vuole risolvere sia require. Qual'è l'approccio giusto?

var db = null; 

if (typeof window === 'undefined') { 
    // node context 
    db = require('level'); 
} else { 
    // browser context 
    db = require('gazel'); 
} 

So che è possibile fornire un pacchetto target. Ma non ho idea di come usarlo.

Grazie!

Answer 1

Penso che resolve.alias funzionerebbe per voi. Impostare il modulo db in modo che punti a level o gazel a seconda del build che si sta creando.

Answer 2

webpack.config.js

module.exports = { 
plugins: [ 
    new webpack.DefinePlugin({ 
     "process.env": { 
      BROWSER: JSON.stringify(true) 
     } 
    }) 
]} 

your-universal.js

var db = null; 
if (!process.env.BROWSER) { 
    // node context 
    db = require('level'); 
} else { 
    // browser context 
    db = require('gazel'); 
}