More practice with Webpack and so far only one spelling error that lead to a failed build. The positive is that I am slowly getting more comfortable with the tool’s error messages. This is a journey sheesh!! I also continuing working on the Journal project. I just have to finish styling the Journal entry component and write up some dummy data.

TLDR;

Okay, so here are the highlights of what I did:

• JavaScript -> I continued working through and coding all the examples in the Asset Management page in the Webpack documentation. I need reps so I figure having a repository holding all the different examples in branches may work as a solid point of reference. Worst case scenario I get more experience editing Webpack config files that aren’t that messy.
• Practice -> Continued working on the Travel Journal project from the React tutorial course. It is fairly simple so it’s more so about the CSS and images than anything else. I try not to deal with the images since those are specific to projects.

Latest Config Based on Docs:

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  module: {
    rules: [
      {
	test: /\.css$/i,
	use: ['style-loader', 'css-loader'],
      },
      {
	test: /\.(png|svg|jpg|jpeg|gif)$/i,
	type: 'asset/resource',
      },
    ],
  },
}

// Now run this config using the `npm run build`
// to access the script in our `package.json` file.

// To see what webpack did, inspect the page 'dist/index.html' (don't view the page source, as it won't show you the result, because the <style> tag is dynamically created by JavaScript) and look at the page's head tags. It should contain the style block that we imported in index.js.

Goal For Round 7 of the #100DaysofCode Challenge

This is my seventh round of the “#100daysofcode” challenge. I will be continuing my work from round five and round six into round seven. I am currently working through the book “Cracking the Coding Interview” by Gayle Laakmann McDowell. My goal is to become more familiar with algorithms and data structures. This goal was derived from my goal to better understand operating systems and key programs that I use in the terminal regularly e.g. Git. This goal was in turn derived from my desire to better understand the fundamental tools used for coding outside of popular GUIs. This in turn was derived from my desire to be a better back-end developer.

I have no idea if my path is correct but I am walking down this road anyways. Worst case scenario I learn a whole bunch of stuff that will help me out on my own personal projects.