sinanmtl / webpack-simple-starter Goto Github PK

A simple webpack starter without framework (Like Vue, React, Angular, etc.)

License: MIT License

JavaScript 42.40% CSS 20.91% HTML 36.69%

webpack starter-kit starter simple webpack3

webpack-simple-starter's Introduction

Webpack Simple Starter

A simple webpack starter without framework (Like Vue, React, Angular, etc.). This project is inspired from vue-cli webpack project

Getting Started

First, install the modules that the project needs.

$ npm install

Now, let's start developing.

$ npm run dev

Finally development process done. Let's export for production.

$ npm run build

That's it!. Files are ready to under the dist/ directory for production.

What's in this project?

Directories

There are four main directories in project. This directories like below:

build/		# Webpack configurations
config/		# Dev and prod configurations
src/ 		# Project development files
|_ scripts/	# Javascript files
|_ styles/	# Style files (scss)
|_ views/	# HTML templates (pug)
static/		# Static files (Like fonts, images)

Used Frameworks

Bootstrap and depended javascript frameworks like jquery. (Client)
Babel.js for ES6 compile
Sass for CSS
Pug for HTML template

Also, this project is supporting hot reload and include eslint

License

This project is under the MIT license.

webpack-simple-starter's People

Contributors

Stargazers

Watchers

Forkers

co851002 nickw-mindera wilburhimself gitbchang jmorton metinsut techiev2 negativo benskyio intfrr aarontoliver linecode bilalqtech gto999 krishnaaravacadreon hi-noikiy jkhhuse spiersz tomboasy xtw2 matthewwu5 manojkm sayag11 luisvcastilla gerardo-junior derickwarshaw shakir-abdo ildafon top-pingly rxnlabs clementguerin mynamedexian galarus sylvesteraswin hachesilva-forks timkor hhy5277 grntea forky-mcforkface

webpack-simple-starter's Issues

can't link to other html pages in development mode

I created a few pug pages, but only see the index page in the browser. Pages are all in the views/pages folder. Tried relative and absolute paths but they're not there when the devserver starts.

Thanks for the killer setup btw, not that known with webpack yet so this helps alot.

Autoprefixer is not working?

Autoprefixer doesn't seem to work at all

base64 encoding

Base64 encoding doesn't work. Both in pug and in scss. How can I add this functionality? Because url-loader is already in webpack.base.conf and it doesn't do anything.

Curiosity: Why not webpack-dev-server?

Saw this trending on HN, congrats :)

Out of curiosity, I'd like to ask why you chose to roll your own dev-server.js script, rather than use webpack-dev-server. I maintain that part of webpack at the moment, and I was curious not only in the decision, but if there were any deeper reasons behind it, and if we might be able to get webpack-dev-server get to a better state.

Cheers 🍻

npm WARN deprecated [email protected]: Object.observe isn't an ES7 proposal anymore and will be removed from V8 - don't use it for production code