// in next.config.js
module.exports = {
entry: "./entry",
};
// or
module.exports = {
entry: {
client: "./entry/client",
server: "./entry/server",
},
};
Aqui está uma solução alternativa por agora:
Adicionando import "../entry/server.js";
em pages/_document.js
e adicionando o código abaixo a 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;
},
};
O código acima cria um array entry
aninhado. É isso que é necessário ou deve haver uma propagação:
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;
},
};
Sim @jcheroske, sua sugestão está correta.
Vou atualizar o código original.
E estou encerrando este problema.
Comentários muito úteis
Aqui está uma solução alternativa por agora:
Adicionando
import "../entry/server.js";
empages/_document.js
e adicionando o código abaixo anext.config.js
.