// in next.config.js
module.exports = {
entry: "./entry",
};
// or
module.exports = {
entry: {
client: "./entry/client",
server: "./entry/server",
},
};
Aquí hay una solución alternativa por ahora:
Agregando import "../entry/server.js";
en pages/_document.js
y agregando el siguiente código 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;
},
};
El código anterior crea una matriz entry
anidada. ¿Es eso lo que se necesita, o debería haber una extensión?
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;
},
};
Sí @jcheroske, tu sugerencia es correcta.
Actualizaré el código original.
Y estoy cerrando este tema.
Comentario más útil
Aquí hay una solución alternativa por ahora:
Agregando
import "../entry/server.js";
enpages/_document.js
y agregando el siguiente código anext.config.js
.