Intento compilar código TypeScript para visualización html, tengo el siguiente código: console.log('hello world'); Después de compilar el código con "construcción de hilo", "node ./node_modules/webpack/bin/webpack --mode development" ejecútelo con "node ./node_modules/webpack-dev-server/bin/webpack-dev-server --mode desarrollo "También el archivo html generado por el constructor se incluye en el directorio src y webpackbundle.js también está allí:
<!DOCTYPE html> <html> <head> <title>Canvas demo</title> <script defer src="webpackbundle.js"></script></head> <body> <script src="webpackbundle.js"></script> <p id="clear">above</p> </body> </html>Pero después de ejecutar, no se espera el resultado "hola mundo" en html, solo "arriba" como se indica como html inicial, por lo que parece que la aplicación no se ve al ejecutar html
Mi webpack.config.js parece:
var HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require("path"); module.exports = { mode: "development", devtool: "source-map", entry: './game.tsx', output: { path : path.resolve(__dirname, 'src'), filename: 'webpackbundle.js' }, ... plugins: [new HtmlWebpackPlugin({ path : path.resolve(__dirname, 'src'), template: "index.html", hash: true, // This is useful for cache busting filename: 'index.html' })] } //also have rules for typescript and resolve, port specificationEn src se genera webpackbundle.js.map y webpackbundle.js tiene el código console.log('hello world') correspondiente, pero no hay salida relacionada en html
¿Alguien podría aconsejarme sobre cómo hacer que la salida del código sea visible en html?