Слияние кода завершено, страница обновится автоматически
Babel-require
Синхронный AJAX-запрос, низкая производительность. Рекомендуется использовать только для разработки и отладки, а не в рабочей среде.
Поддерживаемые версии Babel:
— Babel 5.x
Конфигурация:
При загрузке модуля, если настроен JSX и модуль находится в каталоге, соответствующем конфигурации JSX, загружается файл .jsx, в противном случае — файл .js.
Пример конфигурации:
<script type="text/javascript">
require.config({
jsx: ["app"]
});
</script>
<script type="text/babel">
// Загрузит "app/app.jsx"
import App from "app/app";
// Загрузит "lib/hello.js"
import Hello from "lib/hello";
</script>
Пример использования:
Онлайн: http://wmlgl.github.io/babel-require/examples/
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Examples</title>
<script src="lib/react/react.js"></script>
<script src="lib/react/react-dom.js"></script>
<script src="lib/babel-core/browser.js"></script>
<script src="lib/babel-core/browser-polyfill.js"></script>
<script src="dest/babel-require.js"></script>
</head>
<body>
<div id="container">loading...</div>
</body>
</html>
<script type="text/javascript">
require.config({
jsx: [
"app"
]
});
</script>
<script type="text/babel">
import App from "app/app"; // загружает файл jsx
import Hello from "lib/hello"; //загружает обычный модуль CMD
alert(Hello.say);
ReactDOM.render(<App/>, document.getElementById('container'));
</script>
// file: app/app.jsx
import Test1 from './loadtest1/test1'
import Test2 from './loadtest2/test2'
export default class App extends React.Component {
render () {
return (
<div>
Hello App!
<Test1 />
<Test2 />
</div>
);
}
}
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )