https://github.com/mariorodeghiero/webpack-boilerplate
Repository created for study and creation of a boilerplate using webpack ^ 3.x.x.
https://github.com/mariorodeghiero/webpack-boilerplate
babel-loader image-loader purifycss sass uglify webpack webpack-boilerplate webpack-dev-server webpack3
Last synced: 3 months ago
JSON representation
Repository created for study and creation of a boilerplate using webpack ^ 3.x.x.
- Host: GitHub
- URL: https://github.com/mariorodeghiero/webpack-boilerplate
- Owner: mariorodeghiero
- License: mit
- Created: 2018-02-09T22:51:16.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-22T12:41:37.000Z (over 8 years ago)
- Last Synced: 2026-02-19T01:30:41.333Z (3 months ago)
- Topics: babel-loader, image-loader, purifycss, sass, uglify, webpack, webpack-boilerplate, webpack-dev-server, webpack3
- Language: JavaScript
- Homepage:
- Size: 671 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Webpack 3.x.x boiler-plate
Repository created for study and creation of a boilerplate using webpack ^ 3.x.x
## Structure
```
src/
├── main.js
├── main.scss
├── img/...
├── js/...
└── scss
├── abstracts
│ ├── __abstracts-dir.scss
│ ├── _fonts.scss
│ ├── _mixins.scss
│ └── _variables.scss
├── base
│ ├── __base-dir.scss
│ ├── _reset.scss
│ └── _typography.scss
├── components
│ ├── __components-dir.scss
│ ├── _button.scss
│ └── _input.scss
├── layouts
│ ├── __layouts-dir.scss
│ ├── _footer.scss
│ ├── _header.scss
│ └── _main-navigation.scss
└── vendor
└── __vendors-dir.scss
```
## Plugins and Loaders
* babel-preset-es2015
* clean-webpack-plugin
* css-loader"
* extract-text-webpack-plugin
* file-loader
* html-webpack-plugin
* img-loader
* node-sass
* purify-css
* purifycss-webpack
* raw-loader
* sass-loader
* style-loader
* uglifyjs-webpack-plugin
* webpack
* webpack-dev-server
* babel-core
* babel-loader
### Prerequisites
What things you need to install the software and how to install them
* node.js
* NPM Package Manager
### Installing
Clone this repository
```
git clone https://github.com/mariorodeghiero/webpack-boilerplate.git
```
Installing the dependencies from the NPM Package Manager
```
npm install
```
To start the development environment, run the following command:
```
npm run dev
```
**Note:** This command also performs a clear in the **dist** folder and build again.
```
npm run server
```
After run, the browser open window automatically at http://localhost:8080
## Deployment
Run the command below to deploy, minimizing All Files.
```
npm run prod
```
## Contributing
Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
## Author
* [Mário Antônio do Amaral Rodeghiero](https://github.com/mariorodeghiero)
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details