Webpack + Babel需要在全局範圍內失敗，但在函數內部工作

Question

我正在使用webpack 1.12.14，並且不需要圖像爲全局常量，例如，

const icon = require("icon.svg"); 
class TestClass { 

它失敗[錯誤：無法找到模塊 'icon.svg']代碼： 'MODULE_NOT_FOUND'}

Error: Cannot find module 'icon.svg' 
at Function.Module._resolveFilename (module.js:325:15) 
at Function.Module._load (module.js:276:25) 
at Module.require (module.js:353:17) 
at require (internal/module.js:12:17) 
at Object.<anonymous> (Test.js:15:19) 
at Module._compile (module.js:409:26) 
at loader (PATH/node_modules/babel-register/lib/node.js:126:5) 
at Object.require.extensions.(anonymous function) [as .js] (PATH/node_modules/babel-register/lib/node.js:136:7) 

從我webpack.config：

resolve: { 
    modulesDirectories: ["web_modules", "node_modules", "images"] 
}, 

和裝載機：

{ 
    test: /\.js(x?)$/, 
    loader: "babel", 
    exclude: /node_modules/, 
    query: babelOptions 
}, 
{ 
     test: /\.svg$/, 
     loaders: [ 
      "file?name=[hash].[ext]" 
     ] 
    } 

個

我babelOptions.js

exports.babelOptions = { 
    presets: ["es2015", "react"] 
} 

我需要的功能或構造，例如：

class TestClass { 
    constructor() { 
     const icon = require("icon.svg"); 
    } 
} 

Answer 1

升級到3.4的WebPack解決它