The webpack-boilerplate from lewagon

webpack-boilerplate's Introduction

Requirements

You must have Node and Yarn installed on your computer with the same versions than in our setup. Check it with:

node -v
yarn -v
# Compare the versions with the ones in the setup

If it's not the case, go back to the dedicated section of the macOS, Windows or Ubuntu setup.

Installation

First clone this repository to your laptop:

cd ~/code/<your_github_nickname>
git clone [email protected]:lewagon/webpack-boilerplate.git my-js-project
cd my-js-project
rm -rf .git
yarn install
code . # Open this folder in your text editor

Make sure you have ./node_modules/.bin in your $PATH:

echo $PATH
# You should see `./node_modules/.bin` in the list

If it's not the case, add it:

cd ~/code/dotfiles/<your_github_nickname>
echo 'export PATH="./bin:./node_modules/.bin:${PATH}"' >> zshrc
cd ~/code/<your_github_nickname>/my-js-project
source ~/.zshrc

This way you can run:

eslint lib
webpack-dev-server

Once a file has been updated in your text editor, you can run it with:

node lib/01_types.js

webpack-boilerplate's Issues

Can't use async / await functions

Boilerplate setup can't handle javascript async / await functions.

Example:

const fetchApi = async () => {
  const response = await fetch("http://www.omdbapi.com/?s=harry potter&apikey=adf1f2d7");
  const data = await response.json();
  console.log(data);
};

fetchApi();

To fix that issue:

Add "@babel/plugin-transform-runtime": "^7.17.10" in package.json dependencies.
Add "@babel/plugin-transform-runtime" in babelrc file plugins section.

Recommend Projects