Fork from framework7. HTML Components for the Wia framework.
npm install @wiajs/f7Over 80 Mobile HTML Components For Building iOS & Android Apps
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
gulp and rollup to build a development (build) and production versions.
gulp-cli which you should install globally.
$ npm install --global gulp
`
Then install all dependencies, in repo's root:
`
$ npm install
`
Development Builds
The following npm scripts are available to create development builds:
* build:dev - build development versions of all packages (Core, Vue, React)
* build-core:dev - build development version of Core (vanilla JS) Framework7
* build-react:dev - build development version of Framework7 React package
* build-vue:dev - build development version of Framework7 Vue package
* build-svelte:dev - build development version of Framework7 Svelte package
Compiled results will be available in build/ folder.
Production builds
To build production versions the following npm scripts are available:
* build:prod - build production versions of all packages (Core, Vue, React)
* build-core:prod - build production version of Core (vanilla JS) Framework7
* build-react:prod - build production version of Framework7 React package
* build-vue:prod - build production version of Framework7 Vue package
* build-svelte:prod - build production version of Framework7 Svelte package
Compiled results will be available in packages/ folder.
Kitchen Sink
To run Kitchen Sink with development environment (development version will be built first) use the following npm scripts:
* dev - build development versions of all packages (Core, Vue, React) and run local server. With this common script it will watch for changes in all src/ files and rebuild all packages (Core, Vue, React)
* core:dev - build development version of Core (vanilla JS) Framework7 package and run core Kitchen Sink
* react:dev - build development version of Framework7 React package and run React Kitchen Sink
* vue:dev - build development version of Framework7 Vue package and run Vue Kitchen Sink
* svelte:dev - build development version of Framework7 Svelte package and run Svelte Kitchen Sink
To Run Kitchen Sink with production builds (already compiled /packages/ will be used), use the following npm scripts:
* prod - build Kitchen Sinks with production versions
* core:prod - run core Kitchen Sink with production Framework7 core package
* react:prod - run React Kitchen Sink with production build of Framework7 React
* vue:prod - run Vue Kitchen Sink with production build of Framework7 Vue
* svelte:prod - run Svelte Kitchen Sink with production build of Framework7 Svelte
Source Code
Whole source code is located under /src/ folder.
Framework7 uses Phenome compiler to generate React & Vue components. So all the React & Vue related code is under the /src/phenome/ folder
Framework7 core library source code is under /src/core/ folder
Contributing
Before you open an issue please review the contributing guideline.
All changes should be committed to src/` files only!.