Przemek Nowicki przemek-nowicki

🎯

Focusing

Coding brings many good things to my life, so I am here to give back to the community.

przemek-nowicki / webpack.config.js

Last active May 6, 2019 19:35

	const path = require("path");
	const HtmlWebPackPlugin = require("html-webpack-plugin");
	const getFilesFromDir = require("./config/files");
	const PAGE_DIR = path.join("src", "pages", path.sep);

	const htmlPlugins = getFilesFromDir(PAGE_DIR, [".html"]).map( filePath => {
	const fileName = filePath.replace(PAGE_DIR, "");
	return new HtmlWebPackPlugin({
	chunks:[fileName.replace(path.extname(fileName), ""), "vendor"],
	template: filePath,

przemek-nowicki / files.js

Created May 6, 2019 12:51

	const fs = require("fs");
	const path = require("path");

	function getFilesFromDir(dir, fileTypes) {
	const filesToReturn = [];
	function walkDir(currentPath) {
	const files = fs.readdirSync(currentPath);
	for (let i in files) {
	const curFile = path.join(currentPath, files[i]);
	if (fs.statSync(curFile).isFile() && fileTypes.indexOf(path.extname(curFile)) != -1) {

przemek-nowicki / index.js

Created May 6, 2019 11:33

	import React from "react";
	import ReactDOM from "react-dom";
	import Menu from "components/Menu";

	ReactDOM.render(<Menu/>, document.getElementById("menu"));

przemek-nowicki / index.html

Last active May 6, 2019 11:30

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Home Page</title>
	</head>
	<body>
	<div id="menu"></div>
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
	</body>

przemek-nowicki / Menu.js

Last active May 6, 2019 11:19

	import React, { Component } from 'react';

	export default class Menu extends Component {
	render() {
	return (
	<ul>
	<li><a href="/index.html">Home</a></li>
	<li><a href="/products/product-1.html">Product</a></li>
	<li><a href="/contact.html">Contact</a></li>
	</ul>