diff --git a/blog/todo-webpack.todo b/blog/todo-webpack.todo index 3bb4f22..ab5a4a0 100644 --- a/blog/todo-webpack.todo +++ b/blog/todo-webpack.todo @@ -1,7 +1,22 @@ Tasks: ✔ Move all the scss into the new theme. @done (5/31/2020, 3:26:30 AM) - ☐ Move the image shortcode into the new theme. - ☐ Recreate the fonts scss file and apply it. - ☐ Download and create the monospace font. - ☐ Remove any unneccessary additions from old theme (custom css, prism etc). + ✔ Move the image shortcode into the new theme. @done (5/31/2020, 5:08:44 AM) + ✔ Recreate the fonts scss file and apply it. @done (5/31/2020, 5:06:58 AM) + ✔ Download and create the monospace font. @done (5/31/2020, 5:06:59 AM) + ✔ Remove any unneccessary additions from old theme (custom css, prism etc). @done (6/1/2020, 4:27:36 AM) ☐ Create a gulpfile to build the search index. + ✔ Configure autoprefixer. @done (6/1/2020, 4:13:55 AM) + ☐ Add matomo to project. + ✔ Add animate on scroll to the bundle. @done (6/1/2020, 4:51:38 AM) + ✔ Configure purgecss with aos library. @done (6/1/2020, 5:36:38 AM) + ☐ Document purgecss with multiple paths + Notes: + ☐ Using glob-all + ☐ Using paths and whitelistPatterns + ☐ Using whitelister plugin + ☐ Theme similar to forestry. + ☐ Change font to Liberv2. + ☐ Change main font weight using variables rather than font file. + +Search: + ☐ Have search auto run whenever a button is pressed diff --git a/blog/webpack-structure.md b/blog/webpack-structure.md index 882efe7..1ca9dbe 100644 --- a/blog/webpack-structure.md +++ b/blog/webpack-structure.md @@ -14,7 +14,11 @@ Create an empty `package.json` file: Run `yarn add --dev webpack webpack-cli` to install webpack locally and add it as a dev dependency to your `package.json`. -You should add `main`, `license` and `scripts` to the `package.json` object. Your scripts object should contain the commands for `build` and `watch` using webpack. At this point your `package.json` should look like: +You should add `main`, `license` and `scripts` to the `package.json` object. Your scripts object should contain the commands for `build` and `watch` using webpack. + +You should add the `"browserslist": []` object to the `package.json` file. This will be used for plugins `postcss-present-env` and `autoprefixer` to add css compatibility across many browsers. + +At this point your `package.json` should look like: ```json { @@ -24,6 +28,7 @@ You should add `main`, `license` and `scripts` to the `package.json` object. You "build": "webpack --config webpack.prod.js", "watch": "webpack --watch --progress --colors --config webpack.dev.js" }, + "browserslist": ["last 2 versions"], "dependencies": {}, "devDependencies": { "webpack": "^4.43.0",