// 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;
},
};
上記のコードは、ネストされた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あなたの提案は正しいです。
元のコードを更新します。
そして、私はこの問題を閉じています。
最も参考になるコメント
今のところ回避策は次のとおりです。
import "../entry/server.js";
にpages/_document.js
を追加し、以下のコードをnext.config.js
追加します。