This repository has been archived by the owner on Sep 7, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 42
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update to polymer-build v0.6.0 (#51)
* Update to PSK v2.1.1 * Update polymer-build to v0.6.0 * Copy .gitignore * Update ESLint config to eslint-config-google, like PSK * Refactor the swPrecacheConfig and polymerJson paths * Update npm run lint as last PSK * Improve comments for bundling * Update imagemin to default config * Remove unused path require * Fix: Copy all the PSK dotfiles * Update the root README.md * Update template README.md with npm run build
- Loading branch information
Showing
16 changed files
with
274 additions
and
356 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
generators/app/polymer-starter-kit/* | ||
generators/app/gulpfile.js |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"extends": ["eslint:recommended", "google"], | ||
"env": { | ||
"es6": true, | ||
"node": true | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,2 @@ | ||
node_modules | ||
coverage | ||
coverage/ | ||
node_modules/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,80 @@ | ||
# Polymer App Toolbox - Starter Kit | ||
|
||
[](https://travis-ci.org/PolymerElements/polymer-starter-kit) | ||
|
||
This template is a starting point for building apps using a drawer-based | ||
layout. The layout is provided by `app-layout` elements. | ||
|
||
This template, along with the `polymer-cli` toolchain, also demonstrates use | ||
of the "PRPL pattern" This pattern allows fast first delivery and interaction with | ||
the content at the initial route requested by the user, along with fast subsequent | ||
navigation by pre-caching the remaining components required by the app and | ||
progressively loading them on-demand as the user navigates through the app. | ||
|
||
The PRPL pattern, in a nutshell: | ||
|
||
* **Push** components required for the initial route | ||
* **Render** initial route ASAP | ||
* **Pre-cache** components for remaining routes | ||
* **Lazy-load** and progressively upgrade next routes on-demand | ||
|
||
### Setup | ||
|
||
##### Prerequisites | ||
|
||
First, install [Polymer CLI](https://github.com/Polymer/polymer-cli) using | ||
[npm](https://www.npmjs.com) (we assume you have pre-installed [node.js](https://nodejs.org)). | ||
|
||
npm install -g polymer-cli | ||
|
||
And install the dependencies: | ||
|
||
npm install && bower install | ||
|
||
### Start the development server | ||
|
||
This command serves the app at `http://localhost:8080` and provides basic URL | ||
routing for the app: | ||
|
||
polymer serve --open | ||
|
||
### Build | ||
|
||
The included `gulpfile.js` relies on [the `polymer-build` library](https://github.com/Polymer/polymer-build), | ||
the same library that powers Polymer CLI. Out of the box it will clean the | ||
`build` directory, and provide image minification. Follow the comments in the | ||
`gulpfile.js` to add additional steps like JS transpilers or CSS preprocessors. | ||
|
||
`gulpfile.js` also generates a `service-worker.js` file with code to pre-cache | ||
the dependencies based on the entrypoint and fragments specified in | ||
`polymer.json`. | ||
|
||
npm run build | ||
|
||
### Preview the build | ||
|
||
This command serves the minified version of the app at `http://localhost:8080`: | ||
|
||
polymer serve build/ | ||
|
||
### Run tests | ||
|
||
This command will run [Web Component Tester](https://github.com/Polymer/web-component-tester) | ||
against the browsers currently installed on your machine: | ||
|
||
polymer test | ||
|
||
### Adding a new build step | ||
|
||
The `gulpfile.js` already contains an example build step that demonstrates how | ||
to run image minification across your source files. For more examples, refer to | ||
the section in [the polymer-build README on extracting inline sources](https://github.com/Polymer/polymer-build#extracting-inlined-cssjs). | ||
|
||
### Adding a new view | ||
|
||
You can extend the app by adding more views that will be demand-loaded | ||
e.g. based on the route, or to progressively render non-critical sections of the | ||
application. Each new demand-loaded fragment should be added to the list of | ||
`fragments` in the included `polymer.json` file. This will ensure those | ||
components and their dependencies are added to the list of pre-cached components | ||
and will be included in the `bundled` build. |
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Oops, something went wrong.