我試圖在我的 index.html 中包含一個 header.html，作為部分通過html-loader但 header.html 呈現(xiàn)為文字文本而不是 HTML。使用此處和此處提到的插值似乎適用于 Webpack v2。我還注意到html-loader URL中的#interpolate 哈希不起作用；意味著從 Webpack v4 開始 interpolate 已失效？如果我包含選項，Webpack 會發(fā)出關(guān)于無效選項對象的錯誤：{ interpolate: true }樹--dist--node_modules--src----js------index.js----partials------header.html--templates----index.html--package.json--webpack.config.jsonwebpack.config.jsonconst path = require("path"), webpack = require('webpack'), { CleanWebpackPlugin } = require("clean-webpack-plugin"), HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { mode: "development", entry: { index: "./src/js/index.js" }, plugins: [ // new CleanWebpackPlugin(['dist/*']) for < v2 versions of CleanWebpackPlugin new CleanWebpackPlugin(), new HtmlWebpackPlugin({ title: "Home", filename: "index.html", template: "templates/index.html", inject: true, minify: true }) ], devtool: "source-map", devServer: { contentBase: "./dist" }, output: { // filename: "[name].bundle.js", filename: "[name].[contenthash].js", path: path.resolve(__dirname, "dist"), // publicPath: "/" }, optimization: { moduleIds: "hashed", runtimeChunk: "single", splitChunks: { cacheGroups: { vendor: { test: /[\\/]node_modules[\\/]/, name: "vendors", chunks: "all", } } } },索引.html<!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <%= require("html-loader!./src/partials/header.html") %> </body></html>編輯 1所以我認(rèn)為這在這個答案的interpolatev1.0.0 中不起作用html-loaderinterpolate我的下一個問題是在 v1.0.0中我有哪些替代方案？
包含在 Webpack 4 中的部分渲染為文字而不是 HTML
LEATH
2022-07-21 21:28:17
