Как при сборке задать динамический путь к файлу?

Question

[Ninja Mate]

Есть проблема при продакшен сборке js файлов (из реакта)
Задача настроить путь к скрипту динамически и настроить среду разработки для дальнейшей работы.

//Так все собирается в один файл
import { Users } from './Admin/Users';
//А так собирает в разные файлы
require.ensure([], function(require) { var Users = require('./Admin/Users'); }, 'users');
//При сборке require.ensure возникает проблема использовать элемент Users
//Как можно использовать его здесь? 
<Route  path="Users" component={Users}></Route>

//Скрипры на thml для разработки подключаю, но users.bundle не видит
  <script src="static/bundle.js"></script>
  <script src="static/users.bundle.js"></script>

конфиг такой

output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/', // здесь нужен аналог php функции include (dirname(__FILE__)."/../Users.js");
    chunkFilename: '[name].bundle.js'
  }

Answer 1

[Никита Гущин]

react-router поддерживает данный функционал из коробки - документация и пример приложения

Comments

[Ninja Mate]

я сейчас сойду с ума от счастью module.exports = Users добавил в конце и заработало. два дня над туториалом сидел, явно по этим докам сделали, но там эта строчка пропущена https://youtu.be/x-puVr1L2Vg и у них все работает...

[Ninja Mate]

может поможете еще понять, почему перестало собираться с именами нормальными, а 1 просто добавляет

output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/static/',
    chunkFilename: '[name].bundle.js'
  },

Answer 2

[Дмитрий Беляев]

Вынесите объявление Users на уровень выше в замыкании

Comments

[Ninja Mate]

не совсем вас понял. как я понимаю, моя проблема в том что import { Users } from './Admin/Users'; я не могу использовать в require.ensure ( синтаксис ECMAScript 6). Задавать переменную стейту внутри тоже пробовал, не помогает ошибка ReferenceError: Users is not defined

[Дмитрий Беляев]

Ninja Mate:

var Users;
require.ensure([], function(require) { Users = require('./Admin/Users'); }, 'users');

[Дмитрий Беляев]

Ninja Mate: правда не работал с require.ensure если она ассинхронная мой пример не поможет, если синхронная то все ок

[Ninja Mate]

Дмитрий Беляев: я так с самого начала пробовал, но как указать в

<Route  path="Admin/Users" component={Users}></Route>