Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nanakwafo/setting-up-webpack

This provide a guide in setting up webpack for a fromend application
https://github.com/nanakwafo/setting-up-webpack

babel css html javacript sass webpack4

Last synced: 2 months ago
JSON representation

This provide a guide in setting up webpack for a fromend application

Awesome Lists containing this project

README

        

## Steps
1. `run npm init`
2. `npm install webpack --save-dev`

**Note: Webpack allows us to require javacipt file s to another**
To install webpack globallly use the command `npm i -g webpack `

Link globally installed package to your project if you are on mac
`npm link webpack-cli`

3. Add _webpack.config.js_ file

###### To be able to use mordern javascript like ES6 we need babel run

`npm install --save-dev @babel/core @babel/cli`

`npm install @babel/preset-env --save-dev `
`npm install babel-loader --save-dev`

4. To run webpack use the command `webpack`