Webpack + Babelはグローバルスコープで失敗しますが、関数内で動作します。

Question

私はwebpack 1.12.14を使用しています。コード： '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"] 
}, 

：それは、[モジュールを見つけることができません 'icon.svg' エラー]で失敗し

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

ローダー：

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

マイbabelOptions.js

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

は、私は、関数または例えばコンストラクタで必要とすることができます：WebPACKの3.4へ

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

Answer 1

アップグレードは、私はこのエラーを再現することができないんだ