無效的WebPack配置對象

Question

我想訪問這樣

var Builder = require('Builder'); 

代替

var Builder = require('./app/components/Builder'); 

模塊所以我生成

webpack.config.js

文件使用

的WebPack版本1.12.13

這裏是我的文件

module.exports = 
{ 
    entry :'./app/app.jsx', 
    output :{ 
    path : __dirname, 
    filename: './client/bundle.js' 
    }, 
    resolve :{ 
    root : __dirname, 
    alias : { 

    }, 
    extensions : ['.js','.jsx'] 
    }, 
    module :{ 
    loaders : [ 
     { 
      loader :'babel-loader', 
      query :{ 
      presets:['react','es2015'] 
      }, 
      test :/\.jsx?$/, 
      exclude :/(node_modules|bower_components)/ 
     } 
    ] 
    } 
} 

一切都很正常，直到我更新了我的

的WebPack到版本3.5.4

和運行的WebPack我得到這個錯誤在resolve object

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. 
- configuration.resolve has an unknown property 'root'. These properties are valid: 
    object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? } 

有什麼問題和變化做我必須做？

Answer 1

resolve.root不是有效的webpack配置屬性。 https://webpack.js.org/configuration/resolve/

所有你需要做的是從解決對象

module.exports = 
{ 
    entry :'./app/app.jsx', 
    output :{ 
    path : __dirname, 
    filename: './client/bundle.js' 
    }, 
    resolve :{ 
    alias : { 

    }, 
    extensions : ['.js','.jsx'] 
    }, 
    module :{ 
    loaders : [ 
     { 
      loader :'babel-loader', 
      query :{ 
      presets:['react','es2015'] 
      }, 
      test :/\.jsx?$/, 
      exclude :/(node_modules|bower_components)/ 
     } 
    ] 
    } 
}