Javascript 使用webpack动态更改Ejs文件中的脚本标记_Javascript_Webpack_Ejs

Javascript 使用webpack动态更改Ejs文件中的脚本标记

javascript webpack

Javascript 使用webpack动态更改Ejs文件中的脚本标记,javascript,webpack,ejs,Javascript,Webpack,Ejs,我正在尝试使用webpack更改index.ejs文件中脚本标记中的src。我的初始目标是在每次运行命令“npm run build”时将src动态更改为“[name].[contentHash].js”，以便它可以使用index.ejs文件中的正确文件。我尝试使用html网页包插件，但没有成功这是我的webpack.prod.js文件： const path = require('path'); const MiniCssExtractPlugin = require('mini-css-e

我正在尝试使用webpack更改index.ejs文件中脚本标记中的src。我的初始目标是在每次运行命令“npm run build”时将src动态更改为“[name].[contentHash].js”，以便它可以使用index.ejs文件中的正确文件。我尝试使用html网页包插件，但没有成功

这是我的webpack.prod.js文件：

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
    mode: "production",
    entry: {
        index: './src/index.js',
    },
    output: {
        filename: '[name].[contentHash].js',
        path:     path.resolve(__dirname, 'dist'),
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: "[name].[contentHash].css"
        }),
    ],
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    "css-loader",   
                    "sass-loader"   
                ]
            },
        ]
    }
};

这是我的index.ejs文件（底部的脚本是我试图更改的脚本）：


胡说八道

<!DOCTYPE html>
<html lang="en">
    <head>
        <%- include('components/head', {title: title, process: process}) %>
    </head>
    <body>
        <% include components/navbar %>

        <section class="header">
          <div> balblabl </div>
        </section>
        <script type="text/javascript" src="../dist/index.bundle.js"></script>
    </body>
</html>