Wykluczanie modułu z WebPACK wiązki

Question

Chciałbym taką samą funkcjonalność jak RequireJS empty:http://requirejs.org/docs/optimization.html#empty

My use-case jest to, że obejmują jquery-migrate w rozwoju, ale chciałbym, aby wykluczyć tego, kiedy zostanie zbudowany do produkcji.

Użycie tej opcji powoduje, że nie jest ona dołączana, a kiedy require ma to miejsce w kodzie, powoduje to błąd (Uncaught Error: Cannot find module "jquery-migrate").

Chciałbym, aby po prostu powrócił niezdefiniowany lub coś podobnego (np. empty: w RequireJS). Nie chcę dotykać importu kodu, wystarczy go skonfigurować, aby zwrócił undefined.

EDYCJA: Przy użyciu NormalModuleReplacementPlugin działa, jeśli wskazuję zastąpienie pustego pliku. Ale trzymanie pustego pliku tylko dlatego wydaje się niepotrzebne.

Answer 1

używam null-ładowarka na wygaszania z modułów. Noop-loader może być używany do mniej kłopotliwego, jeśli-else w konfiguracji.

Spróbuj:

rules: [{ 
    test: /jquery-migrate/, 
    use: IS_DEV ? 'null-loader' : 'noop-loader' 
}] 

Answer 2

Można spróbować zrobić resolve.alias w webpack.config:

resolve: { 
    alias: { 
     "jquery-migrate": process.env.NODE_ENV === 'production' ? "empty-module": "jquery-migrate" 
    } 
} 

Answer 3

Skorzystaj WebPACK za DefinePlugin w połączeniu z normalnymi wtyczek produkcyjnych (Dedupe i zeszpecić).

Następnie w kodzie można napisać:

if(DEBUG) { 
    var test = require('test'); 
    alert(test); 
} 

A kiedy to wybudowana w produkcji, DEBUG zostaną zastąpione dosłownym if(false) { ... } która zostanie całkowicie usunięty przez wtyczkę zeszpecić, więc test będzie tylko wymagane w kompilacji debugowania.

Oto próbka Grunt zadanie config dla grunt-webpack który ma development i production cele dla zadania:

 development: { 
      devtool: "sourcemap", 
      output: { 
       pathinfo: true, 
      }, 
      debug: true, 
      production: false, 
      plugins: [ 
       new webpack.DefinePlugin({ 
        DEBUG: true, 
        PRODUCTION: false 
       }) 
      ] 
     }, 

     production: { 
      plugins: [ 
       new webpack.DefinePlugin({ 
        DEBUG: false, 
        PRODUCTION: true 
       }), 
       new webpack.optimize.DedupePlugin(), 
       new webpack.optimize.UglifyJsPlugin({ 
        output: { 
         comments: false, 
        } 
       }) 
      ] 
     },