├── .babelrc
├── .eslintrc.json
├── .gitignore
├── README.md
├── assets
├── css
│ └── style.css
├── fonts
│ └── geomanist
│ │ ├── geomanist-book.eot
│ │ ├── geomanist-book.svg
│ │ ├── geomanist-book.ttf
│ │ ├── geomanist-book.woff
│ │ └── geomanist-book.woff2
├── img
│ ├── favicon.png
│ ├── icons
│ │ ├── fullscreen.svg
│ │ ├── pause.svg
│ │ ├── play.svg
│ │ ├── popup.svg
│ │ ├── stop.svg
│ │ ├── volume-mute.svg
│ │ └── volume.svg
│ ├── javascript.svg
│ └── ultimate.svg
└── media
│ ├── autumn.mp3
│ └── autumn.mp4
├── index.html
├── package-lock.json
├── package.json
├── src
└── index.js
└── webpack.config.babel.js
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["@babel/preset-env"],
3 | "plugins": [
4 | "@babel/plugin-proposal-class-properties",
5 | "@babel/plugin-proposal-private-methods",
6 | "@babel/transform-runtime"
7 | ]
8 | }
9 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "parser": "babel-eslint",
3 | "env": {
4 | "browser": true,
5 | "es6": true
6 | },
7 | "extends": "eslint:recommended",
8 | "globals": {
9 | "Atomics": "readonly",
10 | "SharedArrayBuffer": "readonly"
11 | },
12 | "parserOptions": {
13 | "ecmaVersion": 2020,
14 | "sourceType": "module"
15 | },
16 | "rules": {
17 | "no-console": "off"
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist/*
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 | JavaScript HTML5 APIs: Starter Project
4 |
5 |
6 |
7 | ---
8 |
9 |
10 |
11 |
JavaScript HTML5 APIs
';
--------------------------------------------------------------------------------
/webpack.config.babel.js:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 | import HtmlWebpackPlugin from 'html-webpack-plugin';
3 | import ScriptExtHtmlWebpackPlugin from 'script-ext-html-webpack-plugin';
4 |
5 | export default {
6 | entry: path.join(__dirname, 'src/index.js'),
7 | output: {
8 | path: path.join(__dirname, 'dist'),
9 | filename: '[name].bundle.js',
10 | },
11 | module: {
12 | rules: [
13 | {
14 | test: /\.js/,
15 | exclude: /(node_modules)/,
16 | use: ['babel-loader', 'eslint-loader'],
17 | },
18 | {
19 | test: /\.css$/,
20 | use: ['style-loader', 'css-loader'],
21 | },
22 | {
23 | test: /\.(png|svg|jpg|gif)$/,
24 | use: ['file-loader'],
25 | },
26 | {
27 | test: /\.(woff|woff2|eot|ttf|otf)$/,
28 | use: ['file-loader'],
29 | },
30 | {
31 | test: /\.(mp3|mp4|webm)$/,
32 | use: ['file-loader'],
33 | },
34 | ],
35 | },
36 | plugins: [
37 | new HtmlWebpackPlugin({
38 | template: path.join(__dirname, 'index.html'),
39 | favicon: 'assets/img/favicon.png',
40 | }),
41 | new ScriptExtHtmlWebpackPlugin({
42 | defaultAttribute: 'async',
43 | }),
44 | ],
45 | stats: 'minimal',
46 | devtool: 'source-map',
47 | mode: 'development',
48 | devServer: {
49 | stats: {
50 | colors: true,
51 | hash: false,
52 | version: false,
53 | timings: false,
54 | assets: false,
55 | chunks: false,
56 | modules: false,
57 | reasons: false,
58 | children: false,
59 | source: true,
60 | errors: false,
61 | errorDetails: false,
62 | warnings: false,
63 | publicPath: false,
64 | },
65 | open: false,
66 | contentBase: './dist',
67 | clientLogLevel: 'none',
68 | historyApiFallback: true,
69 | inline: true,
70 | port: 4000,
71 | },
72 | };
73 |
--------------------------------------------------------------------------------