a7f1f4daa7
- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
Build
1. Clone ionic
git@github.com:ionic-team/ionic.git
cd ionic
2. Run npm install
cd core npm install
Notice that @ionic/core lives in core.
3. Run npm run dev
Make sure you are inside the core directory.
npm run dev
With the dev command, Ionic components will be built with Stencil, changes to source files are watched, a local http server will startup, and http://localhost:3333/ will open in a browser.
4. Preview
Navigate to http://localhost:3333/src/components/. Each component has small e2e apps found in the test directory, for example: http://localhost:3333/src/components/button/test/basic
As changes are made in an editor to source files, the e2e app will live-reload.
How to contribute
-
npm run devallows you to modify the components and have live reloading, just like another ionic app. -
When everything looks good, run
npm run validateto verify the tests linter and production build passes.
Deploy
npm run prepare.deploy- Review/update changelog
- Commit updates using the package name and version number as the commit message.
npm run deploy- 🎉