ssougnez

"scripts": {
  "dev": "webpack-dev-server --mode=development --open",
  "build": "webpack --mode=development",
  "release": "webpack"
}

ssougnez

...

module.exports = {
    ...
    module: {
        rules: [
            ...
            {
                test: /\.(png|jpg|gif)$/,
                use: {

ssougnez

...

module.exports = {
    output: {
        ...
        publicPath: "/"
    },
    ...
};

ssougnez

function log(message) {
    console.log(message);
}

export function add(x, y) {
    log(`Adding ${x} to ${y}`);

    return x + y;
}

ssougnez

import "./assets/css/global.css";

import * as math from "./math";

let addition = math.add(5, 6);
let subtraction = math.subtract(10, 20);

console.log(addition);
console.log(subtraction);
console.log(math.pi);

ssougnez

const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    module: {
        ...
    },
    plugins: [
        new HtmlWebpackPlugin({
          template: './src/index.html'
        })

ssougnez

Last known cursor location was: <span id="span-location"></span>

ssougnez

observable.subscribe({
    next: callback,
    error: callback,
    complete: callback
});

ssougnez

observable.subscribe(next, error, complete);

ssougnez

import { fromEvent } from "rxjs";

let span = document.querySelector("#span-location");

fromEvent(document, "mousemove")
    .subscribe((e) => {
        span.innerHTML = `X: ${e.clientX} - Y: ${e.clientY}`;
    });