Razzle: Azure 배포에 대한 예는 무엇입니까?

안녕,

이것은 아마도 #356과 관련이 있을 것입니다( PORT 와 같은 환경 변수는 빌드 시간 동안 인라인됩니다). IISNode는 PORT 를 통해 수신 대기할 명명된 파이프를 지정하지만 Razzle이 빌드 시간 동안 process.env.PORT (아마도 3000)에 대한 액세스를 인라인하기 때문에 서버에서 선택하지 않습니다.

PORT 인라인을 방지하기 위해 razzle.config.js 에서 이 해결 방법을 사용합니다.

module.exports = {
    ...
    modify: (config, { target, dev }, webpack) => {
        const appConfig = Object.assign({}, config);

        // <strong i="13">@BUG</strong>: Do not inline certain env vars; https://github.com/jaredpalmer/razzle/issues/356
        if (target === 'node') {
            const idx = appConfig.plugins.findIndex(plugin => plugin.constructor.name === 'DefinePlugin');
            const { definitions } = appConfig.plugins[idx];
            const newDefs = Object.assign({}, definitions);

            delete newDefs['process.env.PORT'];
            delete newDefs['process.env.HOST'];
            delete newDefs['process.env.PUBLIC_PATH'];

            appConfig.plugins = [].concat(appConfig.plugins);
            appConfig.plugins[idx] = new webpack.DefinePlugin(newDefs)
        }

        return appConfig;
    },
};

안녕,

이것은 아마도 #356과 관련이 있을 것입니다( PORT 와 같은 환경 변수는 빌드 시간 동안 인라인됩니다). IISNode는 PORT 를 통해 수신 대기할 명명된 파이프를 지정하지만 Razzle이 빌드 시간 동안 process.env.PORT (아마도 3000)에 대한 액세스를 인라인하기 때문에 서버에서 선택하지 않습니다.

PORT 인라인을 방지하기 위해 razzle.config.js 에서 이 해결 방법을 사용합니다.

module.exports = {
    ...
    modify: (config, { target, dev }, webpack) => {
        const appConfig = Object.assign({}, config);

        // <strong i="14">@BUG</strong>: Do not inline certain env vars; https://github.com/jaredpalmer/razzle/issues/356
        if (target === 'node') {
            const idx = appConfig.plugins.findIndex(plugin => plugin.constructor.name === 'DefinePlugin');
            const { definitions } = appConfig.plugins[idx];
            const newDefs = Object.assign({}, definitions);

            delete newDefs['process.env.PORT'];
            delete newDefs['process.env.HOST'];
            delete newDefs['process.env.PUBLIC_PATH'];

            appConfig.plugins = [].concat(appConfig.plugins);
            appConfig.plugins[idx] = new webpack.DefinePlugin(newDefs)
        }

        return appConfig;
    },
};

이 구성을 시도했지만 로컬에서 'npm run start:prod ' 명령을 시도하면 assets.json을 찾을 수 없다는 오류가 발생합니다. 이것에 대해 조언해 주시겠습니까?

@vbutani
정의에서 'process.env.PUBLIC_PATH'를 삭제한 줄을 주석 처리하면 작동합니까?

@vbutani
정의에서 'process.env.PUBLIC_PATH'를 삭제한 줄을 주석 처리하면 작동합니까?

빠른 응답에 대해 @fabianisher 에게 감사드립니다. 내 나쁜, 제안된 코드 변경을 수행하는 동안 수정 메서드에서 내 사용자 지정 코드 문제를 발견했습니다.
귀하의 코드는 변경 없이 완전히 잘 작동합니다!! 사용자가 생성한 사용자 지정 구성은 번들된 server.js에서 하드 코딩된 PORT 값을 process.env.PORT로 대체합니다.

정말 감사합니다. :)