Динамическое изменение тега скрипта в файле E js с помощью веб-пакета - PullRequest
Новая
       3

Динамическое изменение тега скрипта в файле E js с помощью веб-пакета

0 голосов
/ 01 апреля 2020

Я пытаюсь изменить свой sr c в теге script внутри моего файла index.e js с помощью веб-пакета. Моя первоначальная цель - динамически менять sr c на '[name]. [ContentHash]. js' каждый раз, когда я запускаю команду "npm run build", чтобы она могла использовать нужный файл в моем индексе. .e js файл. Я пытался использовать html -webpack-plugin, но он не работал.

Это мой 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.e js файл (скрипт внизу - тот, который я пытаюсь изменить): 

<!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>
...