next.js 配置CDN

/static目录

image.png

next.js 引入andt-mobile 报错的问题解决办法

第一步 配置.babelrc 实现按需引入

  1. "plugins": [
  2. [
  3. "import",
  4. {
  5. "libraryName": "antd-mobile",
  6. "style": "css"
  7. }
  8. ],
  9. ]

第二步 配置next.config.js

在module.exports之前加入下面的代码

  1. if (typeof require !== 'undefined') {
  2. // eslint-disable-next-line
  3. require.extensions['.css'] = (file) => {};
  4. }

pm2部署next.js遇到的坑

部署失败?

pm2部署next.js不成功的 今天部署成功了
升级node版本可以解决问题

日志输出

配置dockerfile

  1. # 设置时区
  2. RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime \
  3. && echo Asia/Shanghai > /etc/timezone
  4. # 日志
  5. RUN pm2 install pm2-logrotate
  6. RUN pm2 set pm2-logrotate:retain 7

image.png