webpack external react 时只能使用其全局变量或相对路径怎么办？

Question

我想把react作为externallib从bundle里面分离出来，但是require好像不起作用呢,在配置里起得名字也不好使。只能使用文件的相对路径来require或者干脆不require就行了。可是我想使用cmd模式用require来把它引入怎么办？//配置如下varwebpack=require('webpack');varpath=require('path');varconfig={entry:[path.resolve(__dirname,'scripts/main.js')],output:{path:path.resolve(__dirname,'build'),libraryTarget:"umd",library:'',filename:'bundle.js'},externals:[//第一种写法{"../build/react.min.js":'React'}//第二种写法，这货怎么用的有木有大神教一下--！{"../build/react.min.js":{root:'ReactJS',commonjs:["./ReactJS","ReactJS"],}}],module:{loaders:[{exclude:"scripts/react.min.js",test:/\.js$/,loaders:['babel']}]}};//js如下'usestrict';//第一种配置，下面这句话写不写都不会报错。varReact=require('../build/react.min.js');console.log('main'+1+2);varMain=React.createClass({getInitialState:function(){return{switch:true};},_toggle(){this.setState({switch:!this.state.switch});},render(){return();}});React.render(,document.body);

Answer 1

//webpack.config.js
module.exports={
externals:{
'react':'React'
},
//...
}
externals对象的key是给require时用的，比如require('react')，对象的value表示的是如何在global（即window）中访问到该对象，这里是window.React。
同理jquery的话就可以这样写：'jquery':'jQuery'，那么require('jquery')即可。
HTML中注意引入顺序即可：
                            

Answer 2

我是这样写的
javascript//webpack.config.js
module.exports={
externals:{
'react':'window.React'
},
//...
}
//main.js
varReact=require('react');
//home.html