A scaffold for the html5 webapp application. It is an official template of lime-cli.
In addition, the official scaffold also has these:
- html-template, a simple html5 html template
- html5app-template, a html5 template with webpack bundle
- felib-template, a front end library template
- node-cmd-template, a node.js commandline programe template
- vue-template, a vue.js 2.0 template
- vue-component-template, a startup template for a
Vue Components Library
project - lime-cms-template, generate a website driven by lime-cms
- Full webpack workflow
- Just a simple configuration
- Local development with hot reload
- Write javascript with ES6
- First, install the lime-cli tools
npm install lime-cli -g
- Then, install the official template
lime new html5app-template test
Now, a project folder named test
has created. And all the files has been created in test
folder.
- Then, cd into the project folder, and execute:
npm install
"clean": "shx rm -rf dist && shx echo clean finished",
"build": "cross-env NODE_ENV=production webpack",
"devbuild": "cross-env NODE_ENV=development webpack --progress --colors --watch",
"start": "cross-env NODE_ENV=development webpack-dev-server --open",
"test": "echo \"Error: no test specified\" && exit 1"
npm run clean
: clean all the dist foldernpm run build
: execute webpack task, and it will create dist foldernpm run devbuild
: execute webpack task, but not compress the codenpm run start
ornpm start
: start a local server and hosting the webpack results, and open the browser automatically.
MIT