生产中的nextjs自定义服务目录
生产中的nextjs自定义服务目录
提问于 2022-03-04 15:13:45
问题:当我在生产服务器上运行next build时，页面在构建时是不受样式限制的。我想做的是：
- 将应用程序构建到
build目录 - 将
build移动到build-public - 服务于
build-public的应用程序。
我不想为这个简单的任务设置一个自定义服务器。
我的package.json scripts部分：
"scripts": {
"dev": "next dev -p 3002",
"build": "next build",
"start": "next start -p 3002"
},我的next.config.js
module.exports = {
basePath: '',
distDir: 'build', // dir to build
dir: 'build-public', // serve from build-public. 'Dir' option is not working.
}回答 2
Stack Overflow用户
回答已采纳
发布于 2022-10-24 22:06:51
tl/dr:见第3段。
- 每次启动脚本时，替换 Next.js使用
distDir配置选项作为服务器目录。因此，如果我将distDir设置为build构建我的应用程序，那么我就可以在build目录中获得包。接下来，我将distDir更改为build-public, and runNext start, so my project is served frombuild。
next.config.js
module.exports = {
...
distDir: 'build' // build to 'build' directory. Then change distDir to 'build-public', so it will serve from 'build-public'.
...
}- 服务于嵌套目录，我可以运行
next serve ./build-public，Nextjs将在./build-public/build中搜索应用程序构建。因此，在next build之后，我需要将build文件夹移动到build-public/build并运行next serve ./build-public。
package.json
...
"scripts": {
"build": "next build",
"start": "next start ./nested-dir -p 3011"
},
...- 在next.config.js中导出一个函数。参见这里的更高级示例：nextjs-示例
next.config.js
const {
PHASE_PRODUCTION_BUILD,
PHASE_PRODUCTION_SERVER,
} = require("next/constants");
module.exports = (phase) => {
let distDir = "";
if (phase == PHASE_PRODUCTION_BUILD) {
distDir = "build";
} else if (phase == PHASE_PRODUCTION_SERVER) {
distDir = "build-public";
}
return {
...
distDir,
....
}
}Stack Overflow用户
发布于 2022-10-07 14:28:00
可以在next.config.js中使用环境变量，并在运行build命令之前设置该环境变量：
// next.config.js
module.exports = {
distDir: process.env.BUILD_DIR || 'build-public',
} // package.json
"scripts": {
"build": "BUILD_DIR=build next build",
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71353415
复制相关文章
相似问题
腾讯云开发者
