传峰
传峰
朋友你好,我使用 ``` javascript externals: { 'react': 'React', 'react-dom': 'ReactDOM' } ``` 的方式将 react 包 排除,但是只能在页面使用 react 与 react-dom 的文件包,无法使用 react-with-addons 包。提示 `Uncaught ReferenceError: ReactDOM is not defined`。 如果朋友你有什么解决方案,还望不吝赐教,十分感谢。 我的 webpack...
错误截图:  页面上只引用了 react-with-addon [webpack配置](https://github.com/codelegant/react-action/blob/master/webpack.deploy.config.js) [编译后的脚本文件](https://github.com/codelegant/react-action/blob/master/dist/es5.min.js) [页面文件](https://github.com/codelegant/react-action/blob/master/view/es5.html)
倘若我使用了 `react-addons-css-transition-group` `react-addons-update`等组件,分离之后,页面上该引用何种脚本才能便其工作正常?
那意思是要一个使用了 add-ons 插件的 react 应用,需要在页面中引入 react react-dom react-with-addons 三个包?
多谢,我还以为 react-with-addons 是包括 react-dom 的,受教了。
再请教一个问题,我使用 ES6 的方式引入插件: ``` javascript import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; ``` webpack 中该如何配置才能使用打包后的文件能够在页面上使用 react-with-addons ?我的配置: ``` javascript externals: { 'react': 'React', 'react-dom': 'ReactDOM', 'react-addons-css-transition-group':'ReactCSSTransitionGroup' } ``` 然后页面出错:`Uncaught ReferenceError: ReactCSSTransitionGroup is not...
使用 `var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;`这种方法的确可以引用外部文件,但如果使用 web-dev-server ,HMR ,react-hot-loader 进行开发调试,外引文件是无法热插拔的。必须使用 npm 包的方式,但写法就得修改成 `import ReactCSSTransitionGroup from 'react-addons-css-transition-group'`,其中是否有我未知道的方式?可否两者统一?
刚才试验,用 react 外引的方式 HMR 工作正常,只不过 react-hot-loader 没法用。以后坑还会很多,时不时的会叨扰兄台,还望勿怪。
Although it has warning in webpack 2.2.0, but is still worked in my project.
收获颇多,感觉前端岂是一个“乱”字所能说的清楚的。