Все:Как реализовать «импорт» синтаксис в ES6 в ES5
Я никогда не узнал ES6 раньше, но когда я попытался Реагировать маршрутизатор, руководство почти написано в ES6, и есть часть с помощью «импорта A из b ', после того, как он посмотрел, выясняется, что это синтаксис ES6, интересно, как я могу реализовать это с помощью ES5? Является ли это просто simplely с помощью:
var A = require("b");
Благодаря
Я считаю, что столпотворение лучше всего работает для transpiling кода. Это то же самое, что требуется, но новый импорт и экспорт более гибкие. Для удобного использования с реакцией я бы определенно посмотрел на jspm http://jspm.io/docs/index.html
Как и другие, вы хотите использовать транспилятор для своего кода, и babel - это то, что вы ищете.
В зависимости от размера вашего проекта внедрение чего-то типа webpack будет очень полезно для компиляции вашего проекта.
Есть несколько отличных учебных пособий по созданию приложения с реакцией, webpack и babel. Там тоже есть отличные шаблоны.
Этот средний пост выполняет удивительную работу, создавая изоморфное/универсальное приложение с сокращением! https://medium.com/front-end-developers/handcrafting-an-isomorphic-redux-application-with-love-40ada4468af4#.x6h3b717u
сейчас относительно ваш вопрос - да. импорт - это просто более простой и приятный способ использования require :)
Просто запустите код ES6 через транспилер и посмотрите. Если вы перейдете на модули CommonJs, да, вот как это будет выглядеть. – Bergi
@ Bergi спасибо, но не могли бы вы рассказать мне, как перекрыть этот код? Я пытаюсь использовать reactify, но он сказал: Parse Error Нелегальная декларация импорта – Kuan
Попробуйте babel. Reactify не поддерживает модули ES6. – Bergi