Next.js: ページ間で何かを追加するためのエントリファイルを追加します(ポリフィルなど)。

作成日 2017年02月03日  ·  3コメント  ·  ソース: vercel/next.js

// in next.config.js

module.exports = {
  entry: "./entry",
};

// or

module.exports = {
  entry: {
    client: "./entry/client",
    server: "./entry/server",
  },
};

最も参考になるコメント

今のところ回避策は次のとおりです。

import "../entry/server.js";pages/_document.jsを追加し、以下のコードをnext.config.js追加します。

module.exports = {
  webpack: (config) => {
    const entryFactory = config.entry;
    config.entry = () => (
      entryFactory()
        .then((entry) => {
          entry["main.js"] = [
            "./entry/client.js",
            ...entry["main.js"],
          ];
          return entry;
        })
    );
    return config;
  },
};

全てのコメント3件

今のところ回避策は次のとおりです。

import "../entry/server.js";pages/_document.jsを追加し、以下のコードをnext.config.js追加します。

module.exports = {
  webpack: (config) => {
    const entryFactory = config.entry;
    config.entry = () => (
      entryFactory()
        .then((entry) => {
          entry["main.js"] = [
            "./entry/client.js",
            ...entry["main.js"],
          ];
          return entry;
        })
    );
    return config;
  },
};

上記のコードは、ネストされたentry配列を作成します。 それが必要なのか、それとも広がりがあるべきなのか:

module.exports = {
  webpack: (config) => {
    const entryFactory = config.entry;
    config.entry = () => (
      entryFactory()
        .then((entry) => {
          entry["main.js"] = [
            "./entry/client.js",
            ...entry["main.js"], // <-- Flatten the array?
          ];
          return entry;
        })
    );
    return config;
  },
};

うん@jcheroskeあなたの提案は正しいです。
元のコードを更新します。

そして、私はこの問題を閉じています。

このページは役に立ちましたか?
0 / 5 - 0 評価