是否可以在ES6中开发React组件？
例如：
import MyWdiget from './MyWidget';
React.render(<MyWidget />, mountNode);
还能够使用ES6定义组件：
class MyWidget extends ReactComponent {
render() {
<h3>Hello from Widget</h3>
}
}
并以某种方式使用webpack构建所有内容？webpack配置文件的外观如何？
我设法使用traceur和webpack编译了ES6代码，但无法将JSX转换为javascript，也无法使用ES6扩展类。
谢谢
将ES6与React一起使用在6to5编译器中部分可行。将React组件编写为ES6类需要在框架中进行一些工作。但是，可以在Webpack中转换JSX和其他漂亮的ES6功能。这是部分配置示例：
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loaders: [ '6to5?experimental=true&runtime=true' ] },
]
},
plugins: [
new webpack.ProvidePlugin({
to5Runtime: "imports?global=>{}!exports-loader?global.to5Runtime!6to5/runtime"
})
]
通过启用该experimental选项，模块加载器能够处理JSX 。另一个选项runtime是，禁用每个文件的少量运行时注入。相反，将提供全局配置，如插件配置中所述。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句