Tengo un proyecto webpack, webpack-cli y webpack-dev-server simple en Node going. Mi JS se compila de src/ a dist/js/ muy bien cuando uso npx webpack
, pero sucede algo extraño cuando uso npx webpack serve
: obtengo el webpack 5.64.0 compiled successfully in 89 ms
cuando realizo cambios al javascript en la carpeta src/, y el servidor en vivo se recarga, pero en realidad no se realizan cambios en el archivo dist 'main.js'. Ni siquiera con una actualización completa o un reinicio del servidor de desarrollo. Aquí está mi paquete.json...
{ "name": "fate-clone", "version": "1.0.0", "scripts": { "start": "webpack serve --mode=development", "build": "webpack" }, "author": "", "license": "ISC", "dependencies": { "pixi.js": "^6.2.0", //Just a WebGL graphics engine "webpack": "^5.64.0" }, "devDependencies": { "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.5.0" } }
Y mi webpack.config.js...
const path = require('path') module.exports = { stats: 'minimal', entry: path.join(__dirname, "src/index.js"), watch: true, output: { filename: 'main.js', path: path.join(__dirname, 'dist/js'), }, devServer: { hot: true, compress: true, static: { directory: path.join(__dirname, 'dist'), }, port: 8080, } }
Nuevamente, tener 'npx webpack' ejecutándose con watch=true compila todo a la perfección, por lo que estoy confundido, lo que me falta es lo que hace que webpack-dev-server compile un archivo main.js misterioso.