webpack 1 build peerDependencies can not be found

Question

我有一個Rails應用程序，它在前端包含許多反應組件，最近嘗試添加另一個事件時由於多個版本的反應而開始中斷。

回顧並更新舊代碼，以便所有代碼都可以在react@15.x我決定使用peerDependencies，以便每個功能都不會加載到它自己的反應庫實例中。

在發展peerDependencies工作正常，但試圖建立生產時，我得到的錯誤：

Cannot resolve module 'react' in /Users/path/to/project/lib/toaster @ ... 

我缺少什麼？

的package.json：

{ 
    "name": "my-package", 
    // ... omitted ... 
    "scripts": { 
    "test": "NODE_ENV=development testem ci", 
    "testem": "testem -g", 
    "start": "webpack --watch", 
    "build": "webpack -p --config ./webpack.production.config.js --progress --profile --colors --preserve-symlinks" 
    }, 
    "repository": { // ... omitted ... }, 
    "devDependencies": { 
    "babel-core": "^6.4.5", 
    "babel-loader": "^6.2.1", 
    "babel-preset-es2015": "^6.3.13", 
    "babel-preset-react": "^6.23.0", 
    "browser-sync": "^2.17.2", 
    "browser-sync-webpack-plugin": "^1.1.3", 
    "bundle-collapser": "^1.1.1", 
    "del": "^1.1.1", 
    "envify": "^3.2.0", 
    "es6-promise": "^2.0.1", 
    "tape": "^4.0.0", 
    "testem": "^0.6.35", 
    "webpack": "^1.13.2" 
    }, 
    "peerDependencies": { 
    "react": "^15.3.2", 
    "react-dom": "^15.3.2" 
    }, 
    "dependencies": { 
    "empty": "^0.10.0", 
    "lodash": "^3.9.1", 
    "react-addons-css-transition-group": "^15.4.2" 
    } 
} 

webpack.production.config.js

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: [ 
    ... 
    ], 
    devtool: 'eval', 
    output: { 
    path: path.join(__dirname, "output"), 
    filename: 'index.js', 
    library: 'my-package', 
    libraryTarget: 'umd' 
    }, 
    resolveLoader: { 
    modules: ['..', 'node_modules'] 
    }, 
    plugins: [ 
    new webpack.DefinePlugin({ 
     // This has effect on the react lib size. 
     "process.env": { 
     NODE_ENV: JSON.stringify("production") 
     } 
    }), 
    new webpack.IgnorePlugin(/vertx/), 
    new webpack.IgnorePlugin(/configs/), 
    new webpack.IgnorePlugin(/un~$/), 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.UglifyJsPlugin(), 
    ], 
    resolve: { 
    extensions: ['.js', '.jsx'] 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015', 'react'] 
     } 
     } 
    ] 
    } 
}; 

Answer 1

我想通了......

這不得不無關peerDependencies。這個問題在我webpack.production.config.js文件resolve

resolve: { 
    extensions: ['.js', '.jsx'] 
} 

需要下是

resolve: { 
    extensions: ['', '.js', '.jsx'] 
} 

，它是我的正常webpack.config.js文件