Question

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

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

<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,可以做到这一点。

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

1 个答案: