Возможно ли создавать независимые фрагменты для повторного использования в разных приложениях?

#webpack

#webpack

Вопрос:

Основная идея заключается в создании vendor.js один раз и повторно использовать в любых приложениях, которые мне нужны.

Я использовал HtmlWebpackPlugin и мой собственный плагин поверх него, создав модуль с глобальной областью действия и изменив теги src скрипта, указывающие на general vendor.js размещен на CDN.

Ответ №1:

Проверьте документацию для DllPlugin. Несколько приложений могут ссылаться на одно и то же dll . dll Файлы должны быть включены вручную в ваш html-шаблон или с помощью html-webpack-include-assets-plugin

Использование DllReferencePlugin и DllPlugin используются в отдельных конфигурациях webpack.

webpack.vendor.config.js

 new webpack.DllPlugin({
  context: __dirname,
  name: '[name]_[hash]',
  path: path.join(__dirname, 'manifest.json'),
});
  

webpack.app.config.js

 new webpack.DllReferencePlugin({
  context: __dirname,
  manifest: require('./manifest.json'),
  name: './my-dll.js',
  scope: 'xyz',
  sourceType: 'commonjs2'
});
  

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

1. Это хорошо только для производственного режима, но как я могу добиться того же для разработчиков? 1 — исключить некоторые модули из сборки 2 — каким-то образом указать на webpack-dev-server с dll