https://github.com/m-anwar-hussaini/webpack-linters-configurations

If you are full familiar with the webpack, this repo will save lots of your time configuring webpack and linters.
https://github.com/m-anwar-hussaini/webpack-linters-configurations

webpack webpack-plugin

Last synced: 19 days ago
JSON representation

If you are full familiar with the webpack, this repo will save lots of your time configuring webpack and linters.

• Host: GitHub
• URL: https://github.com/m-anwar-hussaini/webpack-linters-configurations
• Owner: M-Anwar-Hussaini
• License: mit
• Created: 2023-06-09T22:19:08.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-27T07:40:22.000Z (over 1 year ago)
• Last Synced: 2024-12-28T19:29:52.918Z (27 days ago)
• Topics: webpack, webpack-plugin
• Language: JavaScript
• Homepage:
• Size: 51.8 KB
• Stars: 10
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# WebPack Configurations:

1. Download this repository.

2. Copy the content of it to your own newly-created repo and run the following commands consecutively.

3. Initialize `npm`:

```sh

npm init -y

```

4. Install WebPack

```sh

npm install webpack webpack-cli --save-dev

```

5. Install style-loader and css-loader.

```sh

npm install --save-dev style-loader css-loader

```

6. install HtmlWebpackPlugin plugin:

```sh

npm install --save-dev html-webpack-plugin

```

7. Install webpack-dev-server:

```sh

npm install --save-dev webpack-dev-server

```

8. Go to the `package.json` file and in the script property replace the following code with its previous value:

```sh

"test": "echo \"Error: no test specified\" && exit 1",

"start": "webpack serve --open",

"build": "webpack"

```

9. Run following command to generate dist directory and its necessary file:

```sh

npm run build

```

10. Run following command to run project on the default browser using webpack-dev-server:

```sh

npm start

```

# Linters Configurations:

1. Install Webhint:

```sh

npm install --save-dev [email protected]

```

2. Install stylelint:

```sh

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

```

3. Install ESLint:

```sh

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

```