질문

EC2에서 실행되는 React nodejs 앱이 있습니다.

로드 밸런싱을 위해 Nginx 외에 3 개의 인스턴스를 설정했습니다.

또한 Nginx 구성에서 캐시를 활성화했습니다.

기본적으로 모든 것은 번들로 제공되는 React 코드와 함께 번들로 제공되는 style.css를 보유하는 다른 버전의 app.js 옆에 캐시되어야합니다.

js 및 css src 링크에 버전 번호를 추가하고 싶습니다 (예 : http://mywebsite.com/app.js?1.0)

내 질문은 webpack으로이 작업을 자동화 할 수 있습니까? 이게 갈 길 이니?

답변1

html-webpack-plugin 은 여기에서 당신의 친구입니다.

index.html 파일을 만드는 대신 webpack이 자동으로 수행하도록 허용하세요.

var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

    entry: "./index.js",
    output: {
        filename: "./dist/app.bundle.[hash].js"
    },
    plugins: [
        new HtmlWebpackPlugin({
            hash: true,
            filename: './dist/index.html'
        })
   ]

}