Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #801 (permalink)  
Старый 02.02.2015, 14:17
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

Сообщение от melky
import React from 'react'
Ты делаешь импорт или это прикол? Я подключаю отдельно на страницу.
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
Ответить с цитированием
  #802 (permalink)  
Старый 02.02.2015, 14:23
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Gozar Посмотреть сообщение
Ты делаешь импорт или это прикол? Я подключаю отдельно на страницу.
делаю импорт. график зависимостей (сделал через webpack):
выделен сам React (чёрная точка) и модули, откуда я его импортирую (красные точки)
Ответить с цитированием
  #803 (permalink)  
Старый 02.02.2015, 15:24
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Сообщение от Zend
Если хочется быть чуть ближе к ES6 возьмите и запилите то что можно запилить через прототип. Т.е. встроенные классы расширьте (типа Array.prototype.крутой_метод_из_бу �ущего), а class я бы пока оставил.
Я брал ES6 из-за class, extends, super и тому подобных фич, ибо очень неочевидный код получается на es5.

Сообщение от melky
import React from 'react'


аминь
аминь https://yadi.sk/i/yaZUUcMneQgbx Эт только один модуль)
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук

Последний раз редактировалось nerv_, 02.02.2015 в 15:27.
Ответить с цитированием
  #804 (permalink)  
Старый 02.02.2015, 16:04
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от nerv_ Посмотреть сообщение
Я брал ES6 из-за class, extends, super и тому подобных фич, ибо очень неочевидный код получается на es5.


аминь https://yadi.sk/i/yaZUUcMneQgbx Эт только один модуль)
ты же webpack используешь?

не затруднит ли тебя показать статистику модулей? чистой воды любопытство

для этого надо дописать к массиву плагинов webpack следующий плагин:
function() {
      this.plugin("done", function(stats) {
        require("fs").writeFileSync(
          path.join(__dirname, "stats.json"),
          JSON.stringify(stats.toJson()));
      });
    }


и собрать проект. после сборки появится файл stats.json. можно его сюда (на ядиск)?)
Ответить с цитированием
  #805 (permalink)  
Старый 02.02.2015, 19:37
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

Сообщение от melky
делаю импорт.
А почему не в head?

Если пересобирать проект, то грузить придется вместе с React каждый раз?
Нельзя разбить сайт на страницы и подключать нужную часть. Если приложение SPA тогда наверное можно и забить, а вот если не SPA...

У меня кстати webpack ругается если я пытаюсь подключить react.min.js, warning: Вижу я что-то непонятное...
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
Ответить с цитированием
  #806 (permalink)  
Старый 02.02.2015, 21:04
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Gozar
А почему не в head?
нужна версия для разработки
Сообщение от Gozar
Если пересобирать проект, то грузить придется вместе с React каждый раз?
я пишу код с включенным Hot Load, так что все библиотеки грузятся один раз
Сообщение от Gozar
Нельзя разбить сайт на страницы и подключать нужную часть. Если приложение SPA тогда наверное можно и забить, а вот если не SPA...
угу, SPA
Сообщение от Gozar
У меня кстати webpack ругается если я пытаюсь подключить react.min.js, warning: Вижу я что-то непонятное...
нужно либо подключать исходник, либо прописать в конфиг игнор на парсинг минифицированных файлов

Последний раз редактировалось melky, 02.02.2015 в 21:06.
Ответить с цитированием
  #807 (permalink)  
Старый 03.02.2015, 12:05
Аватар для Zend
Профессор
Отправить личное сообщение для Zend Посмотреть профиль Найти все сообщения от Zend
 
Регистрация: 28.11.2009
Сообщений: 328

Посаны а вы ES6 через webpack мутите?

Я попробовал просто
require("6to5/register");
require('./test.es6');


Ну и оно вроде норм.

Мне для бэкэнда только нужно. Имеет ли смысл компилить? Для дебага разве что.
Ответить с цитированием
  #808 (permalink)  
Старый 03.02.2015, 13:17
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Zend Посмотреть сообщение
Посаны а вы ES6 через webpack мутите?

Я попробовал просто
require("6to5/register");
require('./test.es6');


Ну и оно вроде норм.

Мне для бэкэнда только нужно. Имеет ли смысл компилить? Для дебага разве что.
у меня на бекенде enhanced-require, там же компилер 6to5.

но вообще, достаточно и register
Ответить с цитированием
  #809 (permalink)  
Старый 03.02.2015, 13:37
Аватар для Zend
Профессор
Отправить личное сообщение для Zend Посмотреть профиль Найти все сообщения от Zend
 
Регистрация: 28.11.2009
Сообщений: 328

Сообщение от melky
но вообще, достаточно и register
Меня интересует вопрос дебага. Я боюсь что не удобно будет с преобразованием на лету. Грант не хочется туда лепить. Для фронтенда вроде как webpack сейчас очень модено, но годится ли он для бэкэнда? Точнее имеет ли смысл его прокручивать только ради компиляции es6. Или он ещё чем то сможет быть мне полезен на бэкэнде. Как вообще лучше всё организовать?
Ответить с цитированием
  #810 (permalink)  
Старый 03.02.2015, 15:10
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

Переписываю на es6 часть проекта, забавно выглядит фрагмент
было
/**
 * Resets dialog
 * @param {Array<Number>} edited
 */
EditingMultipleDialog.prototype.reset = function(edited) {
    EditingMultipleDialog.super_.prototype.reset.call(this);
    Array.prototype.push.apply(this.edited, edited);
};

стало
/**
 * Resets dialog
 * @param {Array<Number>} edited
 */
reset(edited) {
    super.reset();
    this.edited.push(...edited);
}



Сообщение от melky
ты же webpack используешь?
пока на уровне мартышки

Сообщение от melky
для этого надо дописать к массиву плагинов webpack
у меня нет пока там плагинов)
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смишных картинок тред megaupload Оффтопик 3447 03.07.2023 09:47
React'а тред melky Оффтопик 246 13.11.2016 08:07
Webpack'а тред nerv_ Сборка проекта, утилиты 58 07.05.2016 13:46
Смешных историй тред monolithed Оффтопик 11 04.03.2015 04:20
Смишных видео с намеком тред godofjavascript Оффтопик 4 30.12.2012 23:50