Как создать чанк из плагина webpack / babel - PullRequest
0 голосов
/ 08 марта 2020

Я пишу плагин для webpack / babel, который предназначен для извлечения src свойств из указанного c реагирующего компонента Critical и создания из него чанка. Таким образом, этот ввод

import React from 'react';
import { Critical } from 'next-critical';

const NewsArticle = () => {
  return (
    <main>
      <Critical src="../critical/file1.js" />
      <Critical src="../critical/file2.js" />
      <p>Hello World</p>
    </main>
  );
};

export default NewsArticle;

должен создать чанк (скажем, critical.js), который содержит file1.js и file2.js.

Мне уже удалось проанализировать и извлечь src свойства с babel, поэтому у меня уже есть массив, который содержит

[
  "/absolute/path/to/critical/file1.js",
  "/absolute/path/to/critical/file2.js"
]

во время компиляции, но имея этот массив, я не могу понять, как сказать webpack создать собственный пакет из этих файлы. Я не могу найти API плагина webpack или что-то связанное с этим. У вас есть идея?

...