2017-01-25 5 views
1

Я создаю приложение с использованием Oracle Application Express (APEX) [так что нет существования узла].Использование Babel in Production - Как прекомпилировать скрипты

У меня есть две проблемы, которые как-то связаны концептуально.

Выпуск № 1:

Я включил библиотеку React.js во всех моих страниц, чтобы использовать некоторые из его особенностей.

Я использую babel для преобразования моего JSX в простой JS. Все работает нормально.

Но я продолжаю получать это предупреждение в моей консоли:

You are using the in-browser Babel transformer. 
Be sure to precompile your scripts for production - https://babeljs.io/docs/setup/ 

Я знаю, что я должен перекомпилировать мои сценарии, но я понятия не имею, как это сделать. Я посетил ссылку, и это еще больше смутило меня.

Выпуск № 2:

Другой вопрос, у меня есть то, что у меня есть все мои реакции связанный код в отдельный файл .js и я встроили его в моей странице с помощью этого:

<script src="someJSFile.js" type="text/babel"></script> 

Установка типа в "текст/столпотворение" поднимает это предупреждение:

Fetching scripts with an invalid type/language attributes is deprecated 
and will be removed in M56, around January 2017. 
See https://www.chromestatus.com/features/5760718284521472 for more details. 

Есть ли способ обхода проблемы?

ответ

1

Выпуск 1: Это связано с тем, что вы выбираете (см. Вопрос 2 ниже). Что бы вы ни выбрали, это позволит вам установить узел env в производство, что приведет к React в режиме «производства» - в основном очищая все ненужные (но полезные) сообщения и проверки разработки.

Выпуск 2: В конце дня вам понадобится комплект модулей. Webpack - это goto на данный момент. Webpack Site

Альтернативы включают в себя:

  • Глоток + Browserify
  • Rollup

EDIT: Я знаю, что вы не сказали "нет узла". Вам не понадобится узел для запуска чего-либо на сервере, только на вашей локальной машине, где вы создаете файлы. Узел прост в установке практически на любой локальной машине

+0

Спасибо за информацию. У меня все еще есть проблемы с тем, как скомпилировать мой JSX. И я не могу найти в нем подходящие учебные пособия. –

+0

В качестве продолжения я нашел эту часть веб-сайта babel, которая делает компиляцию для меня: https://babeljs.io/repl/ –

+0

Просто голова - эта ссылка отлично подходит для тестирования функций, но по мере роста вашего сайта вы захотите переместиться в сортировщик модулей (webpack, gulp и т. д.). Если вы действительно не чувствуете, что все настроено и хотите что-то, что просто работает, вы можете попробовать код, который теперь поддерживает jsx, babel и т. Д.Это платное решение, но вам не нужно ничего устанавливать – Chris