testing externalization of react dep

dist/tracim_lib.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("tracim_lib",[],t):"object"==typeof exports?exports.tracim_lib=t():e.tracim_lib=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,o){"use strict";function n(){console.log("bonjour ?!")}Object.defineProperty(t,"__esModule",{value:!0}),t.bonjour=n}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("tracim_lib",["react"],t):"object"==typeof exports?exports.tracim_lib=t(require("react")):e.tracim_lib=t(e._)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function i(){console.log("bonjour ?!")}Object.defineProperty(t,"__esModule",{value:!0}),t.reactClass=t.Woot=void 0;var c=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();t.bonjour=i;var f=n(1),l=function(e){return e&&e.__esModule?e:{default:e}}(f),a=t.Woot=function(e){return l.default.createElement("div",null,"woot")};t.reactClass=function(e){function t(e){r(this,t);var n=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={id:"ok"},n}return u(t,e),c(t,[{key:"render",value:function(){return l.default.createElement("div",null,l.default.createElement(a,null),l.default.createElement("span",null,this.state.id))}}]),t}(l.default.Component)},function(t,n){t.exports=e}])});

src/index.js

@@ -1,3 +1,26 @@
+import React from 'react'
+
 export function bonjour () {
   console.log('bonjour ?!')
 }
+
+export const Woot = props => (
+  <div>woot</div>
+)
+
+export class reactClass extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = {
+      id: 'ok'
+    }
+  }
+  render () {
+    return (
+      <div>
+        <Woot />
+        <span>{this.state.id}</span>
+      </div>
+    )
+  }
+}

webpack.config.js

@@ -12,6 +12,14 @@ module.exports = {
     libraryTarget: 'umd',
     umdNamedDefine: true
   },
+  externals: {
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'react',
+      root: '_'
+    }
+  },
   devServer: {
     contentBase: path.join(__dirname, 'dist/'),
     port: 8071,