Web Components project starter using ES6 and Webpack
Clone or download
Latest commit 6582d6e Jul 25, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin Add custom elements polifil to jest May 26, 2017
src Add todo items May 25, 2017
test Add custom elements polifil to jest May 26, 2017
webpack Add webpack profile dump command, update deps Jun 15, 2017
.babelrc Add todo items May 25, 2017
.browserslistrc Use env preset May 8, 2017
.editorconfig initial commit May 5, 2017
.eslintignore initial commit May 5, 2017
.eslintrc initial commit May 5, 2017
.gitignore initial commit May 5, 2017
.travis.yml Set up jest May 24, 2017
LICENSE.txt Update LICENSE.txt May 14, 2017
README.md Update README.md Jun 29, 2017
jest.config.js Module mapper May 25, 2017
package.json Updated webpack Jul 25, 2017
yarn.lock Updated webpack Jul 25, 2017

README.md

Web Components project starter using ES6 and Webpack

Build Status codecov license Beerpay Beerpay

Project setup includes:

  • web-component
  • Server Rendering
  • Webpack
  • Webpack Dashboard
  • Dev Middleware
  • Web Components
  • Babel
  • Boostrap
  • Font Awsome
  • Eslint
  • Jest

Installation

$ git clone https://github.com/vardius/web-components-webpack-es6-boilerplate app-name
$ cd app-name
$ npm install

Development

  • Build once for (ready for Production):

    • $ npm run build
    • $ npm run build:serve

    The last command will boot up HTTP server on 3003 port and serve build/client directory in a default browser

  • Hot reloading via webpack middlewares:

    • $ npm start
    • Point your browser to http://localhost:3000/, page hot reloads automatically when there are changes

Testing

To execute all unit tests, use:

$ npm run test

To run unit tests continuously during development (watch tests), use:

$ npm run test:watch

Expose App on Your Local Dev Machine

Assign yourself a unique publicly accessible url that will proxy all requests to your locally running webserver.

$ npm install -g localtunnel
$ npm start
$ npm run tunnel # run in a new tab

You will receive a url, for example https://tbst.localtunnel.me, that you can share with anyone for as long as your local instance of lt remains active. Any requests will be routed to your local service at the specified port.

License

The code is available under the MIT license.