最近在學(xué)習(xí)Redux,其中的Example里面大量使用了ES6語法但是我在ReactNative工程中使用使用同樣的ES6語法就會報錯//varReact=require('react-native');importReactfrom'react-native';syntaxError:Unexpecteduseofreservedword'import'查了一些資料,貌似需要react+webpack+babel才可以使用ES6但是不知道如何才能把這幾個結(jié)合起來=======================================解決方法:React工程需要webpack+babelReact-Native工程只需要在項目根目錄放一個babel配置文件.babelrc即可//.babelrc內(nèi)容{"retainLines":true,"compact":true,"comments":false,"whitelist":["es6.arrowFunctions","es6.blockScoping","es6.classes","es6.destructuring","es6.parameters","es6.properties.computed","es6.properties.shorthand","es6.spread","es6.modules","es6.templateLiterals","es7.trailingFunctionCommas","es7.objectRestSpread","es7.asyncFunctions","es7.classProperties","regenerator","flow","react","react.displayName"],"sourceMaps":false}=======================================PS:不過仍存在一些問題,不知道是為什么//okvarReact=require('react-native');var{AppRegistry,Component,PropTypes}=React;//無效importReact,{AppRegistry,Component,PropTypes}from'react-native';//okvar{Provider}=require('react-redux/native');//無效import{Provider}from'react-redux';
如何在ReactNative中使用ES6新語法
ibeautiful
2019-04-19 16:29:52