인프런 커뮤니티 질문&답변

안녕하세요 제로초님!

development 환경으로 next build를 하려고 하는데요!

package.json에 정의해놓은 대로 npm run build:dev 명령어를 입력해도 

Loaded env from {프로젝트경로}/.env.production

가 출력되면서 프로덕션 환경으로 빌드됩니다.

해결 방법이 궁금합니다!

  "scripts": {
    "dev": "next -p 3000",
    "build:dev": "cross-env ANALYZE=true NODE_ENV=development next build",
    "build:prod": "cross-env ANALYZE=true NODE_ENV=production next build",
    "start:dev": "cross-env ANALYZE=true NODE_ENV=development next start -p 3000",
    "start:prod": "cross-env ANALYZE=true NODE_ENV=production next start -p 3000"
  },

const withPlugins = require('next-compose-plugins');
const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});
const withImages = require('next-images');

module.exports = withPlugins(
  [
    [
      withBundleAnalyzer,
      {
        compress: true,
        webpack(config) {
          const prod = process.env.NODE_ENV === 'production';
          return {
            ...config,
            mode: prod ? 'production' : 'development',
            devtool: prod ? 'hidden-source-map' : 'eval',
            plugins: [...config.plugins],
          };
        },
      },
    ],
    [
      withImages,
      {
        inlineImageLimit: false,
      },
    ],
  ],
  {
    webpack(config) {
      return {
        ...config,
      };
    },
  },
);