viteのindex.htmlの文字列置換 質問する

2023-03-20 更新:

ViteはHTML Envの置換をサポートします箱から出してバージョン 4.2 から開始されます。それだけをお探しであれば、これで準備は完了です。

古い回答:

プロジェクトでも同じことをしたいと思いました。vite-plugin-htmlしばらく使用しましたが、プラグインに問題が発生し、プラグインの作成者がメンテナンスを停止したようだったので、別の解決策を検討する必要がありました。

幸いなことに、これは簡単です。Viteには針それのための。

そこで、私はこの小さなプラグインを書くことにしました:

const transformHtmlPlugin = data => ({
    name: 'transform-html',
    transformIndexHtml: {
        enforce: 'pre',
        transform(html) {
            return html.replace(
                /<%=\s*(\w+)\s*%>/gi,
                (match, p1) => data[p1] || ''
            );
        }
    }
});

plugins: [transformHtmlPlugin({ key: 'value' })]