webpack中的动态要求不起作用

Question

无法使用webpack解析动态要求。收到错误

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 

有5个文件使用静态要求，只有1动态需要的文件。

我的WebPack配置文件是这样的

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

我们需要解决这些动态使用的WebPack功能 [https://webpack.github.io/docs/context.html][1]

要求只需要提从那里的WebPack可以解决这些目录依赖关系。您也可以探索webpack的ContextReplacementPlugin。

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

，其中模块名称是动态