停止 webpack 在文件底部添加 script 标签

Question

我正在使用 webpack 使用 HtmlWebpackPlugin 生成 html 文件 - 我希望注入所有代码而不是引用任何外部 javascript 文件。

在我看来，Webpack 在 html 文档的底部包含了 main.js，有没有办法阻止这种情况发生？

<script src="main.js"></script>

我的 webpack 配置如下所示

var path = require('path');
var fs = require("fs");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');

module.exports = {
    context: __dirname,
    entry: './Resources/TestExport/index.js',
    output: {
        path: path.resolve(__dirname, 'Resources')
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: 'TestExport.html',
            template: './Resources/TestExport/SecureExportTemplate.html',
            inject: true,
            jquery: fs.readFileSync('./Resources/TestExport/js/jquery.js', 'utf8'),
            testExport: require("@babel/core").transformSync(fs.readFileSync('./Resources/TestExport/js/testExport.js', 'utf8'), {
                "presets": [["@babel/preset-env"]]
            }).code,
            style: fs.readFileSync('./Resources/TestExport/css/style.css', 'utf8'),
            minify: {
                html5: true,
                collapseWhitespace: true,
                minifyCSS: true,
                minifyJS: true,
                removeRedundantAttributes: true,
                removeScriptTypeAttributes: true,
                removeStyleLinkTypeAttributese: true,
                useShortDoctype: true
            }
        })
    ]
};

Answer 1

如果你已经实现了直接注入数据

只需要删除 js 文件的包含inject: false,即可做到这一点。