Question

是否可以使用webpack将HTML模板导入另一个HTML文件？

如果是这样？

我正在尝试导入HTML文件以创建某种基本的模板。

设置是使用webpack捆绑我的JS。

我试过调查HtmlWebpackPlugin和其他一些人，但他们从未展示过这个用例的例子。

是否有一个简单的选项可以用来插入一个HTML模板引擎，允许我在我的HTML文件中使用包含？如果是这样，它是什么以及如何设置它？

的index.html

<html>
    <body>
        <!-- I want to include templates here -->
        <!-- I want to include templates here -->
        <!-- I want to include templates here -->
        <script src="bundle.main.js"></script>
    </body>
</html>

webpack.config.js

const path = require('path');
const webpack = require('webpack');

module.exports = {
    entry: './dev/js/main.js',
    output: {
        path: path.resolve(__dirname, './build/js'),
        filename: 'bundle.main.js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: '/node_modules/',
                use: {
                    loader: 'babel-loader',
                }
            },
            {
                test: /\.ejs$/,
                loader: 'ejs-html-loader'
            }
        ]
    },
    stats: {
        colors: true
    },
    devServer: {
        contentBase: path.join(__dirname, "dev"),
        compress: true,
    },
    devtool: 'source-map'
};

正如你所看到的，我正在努力让ejs工作，但我没有成功。我不一定需要使用ejs，这只是一个例子。

我觉得我在这里错过了一步。

如果有人能在这里帮助我，我会非常感激。

使用webpack将HTML导入HTML

是否可以使用webpack将HTML模板导入另一个HTML文件？

如果是这样？

0 个答案: