Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/nanakwafo/setting-up-webpack
- Owner: nanakwafo
- Created: 2020-06-07T12:33:42.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T18:54:04.000Z (about 2 years ago)
- Last Synced: 2023-03-06T11:57:05.459Z (almost 2 years ago)
- Topics: babel, css, html, javacript, sass, webpack4
- Language: JavaScript
- Homepage:
- Size: 9.23 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
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`