Форум программистов, компьютерный форум, киберфорум
Node.js
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.92/13: Рейтинг темы: голосов - 13, средняя оценка - 4.92
102 / 20 / 0
Регистрация: 02.07.2012
Сообщений: 149

Webpack - Продвинутые (динамический) require

20.09.2017, 15:45. Показов 2694. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем доброго времени суток.
ВВОДНАЯ (Ilya Kantor - невнимательный автор! )
1. Видео урок на сайте http://learn.javascript.ru/screencast/webpack
2. Часть 4: Продвинутые require
3. Файлы-исходники - https://github.com/iliakan/webpack-screencast
4. Папка 04-dynamic-1

ОШИБКА:
1. При "production" СБОРКЕ на ВИНДЕ при set NODE_ENV=production и последующем webpack
2. Вылетает ошибка:
ERROR in app.js from UglifyJs
SyntaxError: Unexpected token: name (login) [./app.js:7,0]

ВОПРОС - как решить ошибку? Как минимизировать файлы при помощи webpack?
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
20.09.2017, 15:45
Ответы с готовыми решениями:

require(1) [function.require]: failed to open stream: No such file or directory
код: дерево файлов - api/auth.php - www/index.php - www/include/main.php запускаем файл index.php файл index.php ...

Продвинутые книги по C#
Начал с книги Фленова "Библия С#", последнее издание. Теперь нужно углублять знания. Какую литературу посоветуете?

Продвинутые курсы по OpenGL
Здравствуйте. Подскажите пожалуйста продвинутые уроки или книги по OpenGL. Где бы рассматривалось большое количество алгоритмов начиная...

6
102 / 20 / 0
Регистрация: 02.07.2012
Сообщений: 149
21.09.2017, 19:00  [ТС]
Добавил файлы с ошибкой 04-dynamic-1.7z
0
Coding is art
Эксперт JS
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
23.09.2017, 16:34
Лучший ответ Сообщение было отмечено влад74 как решение

Решение

Ошибка в том, что используются let login = require... и let logout = require...
или webpack компилит используя let вместо var..
суть в том, что если поменять let на var то всё работает.

попробуйте проранить код без production и проранить углифай через сайт https://skalman.github.io/UglifyJS-online/
увидите ошибку.
1
102 / 20 / 0
Регистрация: 02.07.2012
Сообщений: 149
23.09.2017, 23:42  [ТС]
Спасибо за ответ. Проблема решилась, но возникли вопросы. Что нужно чтобы отрабатывались let? - другой плагин? новый вебпак?

Если можно помогите еще с одной проблемой из того же курса - урок - 08-live-reload-3 (https://github.com/iliakan/nod... /addStyles

Хотя все есть в папке - node_modules!!!!

Добавлено через 44 минуты
в уроке урок - 08-live-reload-3 проблема возникает при set NODE_ENV=development&webpack-dev-server --inline --hot

Добавлено через 2 минуты
Ссылка на 08-live-reload-3 урок https://github.com/iliakan/webpack-screencast
0
Coding is art
Эксперт JS
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
24.09.2017, 01:08
что бы обрабатывались let нужно что-то типо преображать es6 js в es5 js.

по поводу 8-3 не знаю в чём ошибка.. там используется древняя версия вебпака.. поищите уроки по-новее..
0
102 / 20 / 0
Регистрация: 02.07.2012
Сообщений: 149
24.09.2017, 01:45  [ТС]
по поводу 8-3
1. у автора курса на этой же версии вебпака все работало нормально.
2. у него на маке - всё ок, у меня на винде пока БЯДА.
3. я так думаю проблема "чтение" путей вебпаком
0
Coding is art
Эксперт JS
540 / 423 / 154
Регистрация: 04.09.2013
Сообщений: 1,066
24.09.2017, 12:43
натолкнули на мысль, что нпм недавно ( год или 2 назад ) обновил то, как устанавливаются пакеты, может в этом проблема..
Установите версию нпм как у автора курса и должно всё работать.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
24.09.2017, 12:43
Помогаю со студенческими работами здесь

Какие есть продвинутые редакторы HDL с автозаполнением и другими наворотами?
Какие есть продвинутые редакторы HDL с автозаполнением и другими наворотами? Всё, что я видел, недалеко ушло от блокнота.

Webpack
Как подключить wow.js animate.css в webpack?

Webpack vs gulp
что может делать вебпак, что не может галп?

Настройка webpack
помогите пожалуйста по настройке webpack. что не так делаю, в консоле набираю команду webpack

Настройка webpack
Уважаемые форумчане, пожалуйста, подскажите, как настроить сборщик webpack? я наверное очень тупой и ничего не понимаю, установил webpack,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru