html - 使用 html.js 在页面上渲染 bundle.js 文件

const path = require('path'); module.exports = { output: { path: path.join(__dirname, '/dist'), filename: 'index.bundle.js', }, // entry:{ // path: path.join(__dirname, '/dist') // }, devServer: { port: 3000, }, module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, use: { loader: 'babel-loader' } }, { test: /\.(sa|sc|c)ss$/, // styles files use: ["style-loader", "css-loader", "sass-loader"], }, { test: /\.(png|woff|woff2|eot|ttf|svg|jpeg|webp)$/, // to import images and fonts loader: "url-loader", options: { limit: false }, } ] }, };

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="root"></div> <script src="/index.bundle.js"></script> </body> </html>

index.bundle.js:2 Uncaught Error: ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: 2752 at Object.set [as exports] (index.bundle.js:2:1234650) at 2752 (index.bundle.js:2:168796) at a (index.bundle.js:2:1233913) at index.bundle.js:2:1237036 at index.bundle.js:2:1237044