Sébastien Sougnez ssougnez

## wp-getting-started-with-webpack-4-09.js
eval("\n\nvar arrayOne = [1, 2, 3];\nvar arrayTwo = [4, 5, 6];\nvar mergedArray = [].concat(arrayOne, arrayTwo);\n\nvar _iteratorNormalCompletion = true;\nvar _didIteratorError = false;\nvar _iteratorError = undefined;\n\ntry {\n    for (var _iterator = mergedArray[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var number = _step.value;\n\n        console.log(number);\n    }\n} catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n} finally {\n    try {\n        if (!_iteratorNormalCompletion && _iterator.return) {\n            _iterator.return();\n        }\n    } finally {\n        if (_didIteratorError) {\n            throw _iteratorError;\n        }\n    }\n}\n\n//# sourceURL=webpack:///./src/index.js?");

## wp-getting-started-with-webpack-4-10.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Groovy title</title>
</head>
<body>
    I'm the model

## wp-getting-started-with-webpack-4-12.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Groovy title</title>
</head>
<body>
    I'm the model

## wp-getting-started-with-webpack-4-13.js
...
const path = require("path");

module.exports = {
    output: {
        filename: "[name].[chunkhash].js",
        path: path.resolve(__dirname, "dist")
    },
    ...
};

## wp-getting-started-with-webpack-4-14.js
...
const CleanWebpackPlugin = require("clean-webpack-plugin");

module.exports = {
    ...
    plugins: [
        ...
        new CleanWebpackPlugin(["dist"])
      ]
};

## wp-getting-started-with-webpack-4-15.js
...
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
    ...
    module: {
        rules: [
            ...
            {
                test: /\.css$/,

## wp-getting-started-with-webpack-4-16.js
import "./assets/css/global.css";

## wp-getting-started-with-webpack-4-17.css
*, *::after, *::before {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
}

body {

## wp-getting-started-with-webpack-4-18.css
.ng {
    background: url("../img/ng.png") no-repeat;
    width: 70px;
    height: 72px;
}

## wp-getting-started-with-webpack-4-19.html
<div class="ng"></div>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Groovy title</title>
	</head>
	<body>
	I'm the model
	...
	const path = require("path");

	module.exports = {
	output: {
	filename: "[name].[chunkhash].js",
	path: path.resolve(__dirname, "dist")
	},
	...
	};
	...
	const CleanWebpackPlugin = require("clean-webpack-plugin");

	module.exports = {
	...
	plugins: [
	...
	new CleanWebpackPlugin(["dist"])
	]
	};
	...
	const MiniCssExtractPlugin = require("mini-css-extract-plugin");

	module.exports = {
	...
	module: {
	rules: [
	...
	{
	test: /\.css$/,
	, ::after, *::before {
	box-sizing: border-box;
	}

	html, body {
	margin: 0;
	padding: 0;
	}

	body {
	.ng {
	background: url("../img/ng.png") no-repeat;
	width: 70px;
	height: 72px;
	}