Блог

Главная - Вопросы по программированию - Разделение кода Webpack без необходимости использования всех скриптов в html

Разделение кода Webpack без необходимости использования всех скриптов в html

#javascript #webpack #code-splitting

#javascript #webpack #разделение кода

Вопрос:

Следующая конфигурация создаст client.js и vendors.js .

пример

Запись

 entry: {
  'client': './client.js',
  'vendors' ['jquery' , 'react']
}

Плагин

      new CommonsChunkPlugin({
        name: 'client',
        minChunks: Infinity
     }),
     new CommonsChunkPlugin({
        name: 'vendors',
        chunks: ['client'],
        minChunks: Infinity
     })

Чтобы это работало, мне нужно добавить client.js и vendor.js файлы в HTML, в противном случае я получу сообщение об ошибке: Uncaught ReferenceError: webpackJsonp не определен.

Как я могу включить только client.js файл в index.html и сделать так, чтобы это требовало vendors.js файл автоматически?

Я хотел бы получить то же поведение, которое я получаю, когда разделяю код с помощью require.ensure .

Комментарии:

1. Для автоматического разделения кода и последующей автоматической загрузки вы можете захотеть взглянуть на метод require.ensure() . Если вы сделаете это, у вас будет только одна точка входа, а остальное оставьте webpack.

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

3. Не то, чтобы я знал, извините. Возможно, кто-то создал плагин, кто знает ??. Проблема в том, что если вы не используете require.ensure() , сценарий не может автоматически загружать предыдущий, не заставляя текущий загружать предыдущий скрипт синхронно (режим блокировки), и это не совсем идеально.