micooz / es6-webpack2-starter

:rocket: A template project for es6/7, webpack2/3, sass and postcss

es6-webpack2-starter

A template project for ECMAScript(latest), webpack3, sass and postcss.

Features

• es6: by babel and it's presets and plugins
• css module: by css-loader
• sass: by sass-loader
• webpack3 provides faster compilation
• auto-reload by webpack-dev-server

Installation

$ npm install
# or
$ yarn install

Configuration

1. Copy then rename env.example.js to env.js if it is not done automatically by postinstall.

You can custom your local environment via env.js, so that it does not affect others.

Run in development

$ npm start

Build for production

$ npm run build

This will generator minified css and scripts to dist/.

Proxy

You can change your proxy rules in proxy/rules.

Need Help?

Ask questions here.

Any advise?

PR welcome here.

Contributors

Micooz [email protected]

License

MIT

es6-webpack2-starter's Issues

how to create few routes/pages?

There is index.html file, but if i want to have more pages like - /about, /products, etc..
how i can add new pages?

At this moment i did it this way, but if there is will be 20 pages??

Could you explain the Proxy stuff

I am a little unclear on what the proxy stuff is for and why it is referencing github and npm a clarification would be great :).

Cheers.

Worth making shell scripts npm scripts?

Hey just wondering why the shell scripts are needed when they could be npm scripts?

Happy to fire through a PR?

Cheers,
Otis.

images processing

As you see, each image that i want to use i should require, but how to work with images with more comfortable way(without need to require each one)?

proxies

what are proxies?

disable errors in browser

Hello! Thanks for making this! I noticed that whenever eslint tries to warn or error, the message appears on the console and on the browser. I was wondering if there was a way to prevent it from appearing on the browser. I'm kind of new to React/ES6/Babel so I'm not sure how to go about this.

Interested in a typescript branch?

As an experiment I tried to add typescript to the webpack pipeline, it seems I got it working easily, but I haven't tested production builds and other details yet.

Would you be interested in making a typescript branch, to show an alternative version to users?

live reload

Hi!
how to setup this boilerplate to live reload, when changes css, html & js?

Missing lint config?

Is the ESLint config missing? I did a fresh install after cloning and npm run start failed because there was no lint config. Does this seem right?

Thanks!