Dynamische Anforderung im Webpack funktioniert nicht

Question

Die dynamische Anforderung konnte mit dem Webpack nicht aufgelöst werden. Erste Fehler

WARNING in ./ace/config.js 
112:21-40 Critical dependency: the request of a dependency is an expression 

WARNING in ./ace/config.js 
142:39-46 Critical dependency: require function is used in a way in which 
dependencies cannot be statically extracted   

WARNING in ./ace/config.js 
124:12-131:14 Critical dependency: the request of a dependency is an 
expression 

Es gibt 5 Dateien, die statisch verwenden, erfordern, nur 1 Datei mit dynamischen erfordern.

Meine webpack config-Datei ist so etwas wie dieses

var webpack = require('webpack'); 

module.exports = { 
context: __dirname + '/app', 
entry: { 
    services: ["./init.js"] 
}, 
output: { 
    path: __dirname + '/public/javascript', 
    filename: "[name].bundle.js?v=[hash]" 
}, 
module: { 
    loaders: [ 
     { test: /\.json$/, loader: 'json-loader' }, 
     { 
      loader: 'babel-loader', 
      query: { 
       presets: ['es2015', 'stage-0'] 
      } 
     }, 
     { test: /\.css$/, loader: "css-loader" } 
    ] 
}, 
node: { 
    console: true, 
    fs: 'empty', 
    net: 'empty', 
    tls: 'empty' 
}, 
target: 'node' 
}; 

Answer 1

Wir brauchen diese Dynamik zu lösen erfordert webpack Funktionalität mit [https://webpack.github.io/docs/context.html][1]

das Verzeichnis erwähnen müssen nur von wo webpack diejenigen lösen können Abhängigkeiten. Sie können ContextReplacementPlugin von Webpack für dasselbe auch erforschen.

this => require([module]) 
    to => require(['./directory/' + module + '.js']) 

wo Modulnamen dynamisch ist