Ejemplo mínimo
Introducción
Basado en webpack by example - part 1.
Similar al ejemplo mínimo, pero ahora minimizamos el espacio ocupado para que carge más rápido. Para ello usaremos el plugin Uglify.
Lo instalamos:
$ npm i uglifyjs-webpack-plugin --save-dev
Proyecto
const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); var path = require('path'); var BUILD_DIR = path.resolve(__dirname, 'src/client/public'); var APP_DIR = path.resolve(__dirname, 'src/client/app'); var config = { entry: APP_DIR + '/index.js', output: { path: BUILD_DIR, filename: 'bundle.js' }, plugins: [new UglifyJSPlugin()] }; module.exports = config;
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Webpack - ejemplo minimo</title> </head> <body> <script src="bundle.js"></script> </body> </html>
window.console.log('Hola mundo');
y ejecutamos:
$ node_modules/.bin/webpack -p $ firefox src/app/public/index.html