hugo/blog
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updating documentation

Browse Source
This commit is contained in:
Daniel Tomlinson
2020-06-01 05:58:34 +01:00
parent a72544e0d6
commit b078d64b84
2 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
blog/todo-webpack.todo
View File

@@ -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

7
blog/webpack-structure.md
View File

@@ -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",