Javascript 使用webpack、jspm和外部依赖项

Javascript 使用webpack、jspm和外部依赖项,javascript,reactjs,webpack,jspm,Javascript,Reactjs,Webpack,Jspm,在我的站点的每个页面上,我都希望包含来自cdnjs.com的React、React DOM和React Bootstrap。我已经安装了npm react tinymce。我想做的是编写一个使用react tinymce显示tinymce编辑器的组件;当它通过gulp绑定时,我只想在我的dist.js中绑定react tinymce和我的组件;我不想在dist.js中捆绑React、React DOM和React引导 所以我尝试了externals()和browserify shim,但它就是不

在我的站点的每个页面上,我都希望包含来自cdnjs.com的React、React DOM和React Bootstrap。我已经安装了npm react tinymce。我想做的是编写一个使用react tinymce显示tinymce编辑器的组件;当它通过gulp绑定时,我只想在我的dist.js中绑定react tinymce和我的组件;我不想在dist.js中捆绑React、React DOM和React引导

所以我尝试了externals()和browserify shim,但它就是不想工作;它只是不断地说react没有定义。只有将React、React-DOM和React-Bootstrap与React-tinymce和我的组件捆绑在一起时,捆绑包才能工作

当我试图离开browserify时,有人能为webpack和jspm提供示例配置来实现这一点吗?基于谷歌搜索,它应该很简单,但与所有javascript工具一样,它从来没有像您希望的那样直接。我的组件非常简单:

import React from 'react';
import ReactDOM from 'react-dom';
import ReactTinyMCE from 'react-tinymce';

Then I just try to display using <ReactTinyMCE>
从“React”导入React;
从“react dom”导入react dom;
从“react tinymce”导入react tinymce;
然后我尝试使用

谢谢

这就是我在构建过程中发挥作用的原因。从webpack.config.js:

externals: {
    react: 'window.React',
    'react-dom': 'window.ReactDOM'
}
它在bundle.js中生成以下内容:

/* 1 */
/***/ function(module, exports) {

    module.exports = window.React;

/***/ },
以及:


错误发生在运行时还是生成时?运行时。它建造得很好。我甚至检查了捆绑包,它没有包含react,这很好,因为我在browserify和browserify-shim中将它声明为外部依赖项。值得检查的事项:(1)window.react是否在控制台上生成任何内容?(2) HTML源代码中捆绑包脚本之前是否包含CDN脚本?(3) 如果检查传输的代码,您的React变量是否分配给
窗口。React
?React未分配给窗口。React:(在jspm、webpack或browserify中是否有一些示例配置代码?browserify应该像browserify shim一样简单,如果我是捆绑的话,可以在gulp中使用外部代码,对吗?我坚持使用webpack:)我肯定是jspm出了问题,但我就是无法让它工作。谢谢!
/* 88 */
/***/ function(module, exports) {

    module.exports = window.ReactDOM;

/***/ }