Listen

Description

This weeks episode dives in to Webpack 4 release, how EASY it is, and what you can do to get started.

https://github.com/webpack/webpack

example:

const path = require('path')

const webpack = require('webpack')

const HtmlWebpackPlugin = require('html-webpack-plugin')

const CompressionPlugin = require('compression-webpack-plugin')

const ExtractTextPlugin = require('extract-text-webpack-plugin')

const CleanWebpackPlugin = require('clean-webpack-plugin')

const PATHS = {

app: path.join(__dirname, 'src'),

dist: path.join(__dirname, 'dist'),

};

mode: "production",

module.exports = {

devtool: "source-map",

entry: {

app: PATHS.app

},

output: {

path: PATHS.dist,

filename: "[name].js",

publicPath: "/"

},

devServer: {

open: true,

compress: true,

historyApiFallback: true,

contentBase: "dist"

},

module: {

rules: [

{

test: /\.jsx?$/,

exclude: /node_modules/,

use: ["babel-loader"]