Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nativescript/nativescript-dev-webpack
A package to help with webpacking NativeScript apps.
https://github.com/nativescript/nativescript-dev-webpack
angular javascript nativescript nativescript-angular nativescript-dev-webpack typescript webpack webpack4
Last synced: 3 months ago
JSON representation
A package to help with webpacking NativeScript apps.
- Host: GitHub
- URL: https://github.com/nativescript/nativescript-dev-webpack
- Owner: NativeScript
- License: apache-2.0
- Archived: true
- Created: 2016-03-29T14:48:05.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2021-08-06T17:55:15.000Z (over 3 years ago)
- Last Synced: 2024-04-14T04:51:30.856Z (9 months ago)
- Topics: angular, javascript, nativescript, nativescript-angular, nativescript-dev-webpack, typescript, webpack, webpack4
- Language: JavaScript
- Homepage:
- Size: 24.8 MB
- Stars: 96
- Watchers: 48
- Forks: 49
- Open Issues: 85
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
**The source code has been moved into the main [NativeScript monorepo](https://github.com/NativeScript/NativeScript) and all issues are handled in the main repo now.**
**This repository is now in read-only mode (archived) for reference.**
---
# NativeScript Webpack
This repository contains the code for the nativescript-dev-webpack plugin which helps in webpacking [NativeScript](https://www.nativescript.org/) apps.
JavaScript code and general asset bundling have been a member of the web developer toolbox for a long time. Tools like Webpack have been providing support for an enjoyable development experience that lets you assemble client-side code from various module sources and formats and then package it together. Most importantly, they allow for page load time optimizations that reduce or parallelize the number of requests a browser makes to the server.
Why bundle scripts in a mobile app though?
- Fewer filesystem operations on app startup
- Smaller code size
- Tree-shaking
- Preprocessing and interoperability hooks. Webpack provides a way to resolve modules and expressions differently according to its configuration. It also contains a lot of plugins and loaders that let you embed different content in your application or use code written in different programming languages
For more details, see the [NativeScript docs for building with webpack](http://docs.nativescript.org/angular/best-practices/bundling-with-webpack.html).
- [Ingredients](#ingredients)
- [Usage](#usage)
- [Contribute](#contribute)
- [Get Help](#get-help)
## Ingredients
* webpack config templates.
* helper functions that place files at the correct locations before packaging apps.
* loaders and plugins for vanilla NativeScript and Angular apps.
## Usage
```sh
$ npm install --save-dev nativescript-dev-webpack
$ tns run android
or
$ tns run ios
```
## Contribute
We love PRs! Check out the [contributing guidelines](CONTRIBUTING.md) and [instructions for local setup](https://github.com/NativeScript/nativescript-dev-webpack/blob/master/CONTRIBUTING.md#setup). If you want to contribute, but you are not sure where to start - look for [issues labeled `help wanted`](https://github.com/NativeScript/nativescript-dev-webpack/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22).
## Get Help
Please, use [github issues](https://github.com/NativeScript/nativescript-dev-webpack/issues) strictly for [reporting bugs](CONTRIBUTING.md#reporting-bugs) or [requesting features](CONTRIBUTING.md#requesting-features). For general questions and support, check out [Stack Overflow](https://stackoverflow.com/questions/tagged/nativescript) or ask our experts in [NativeScript community Slack channel](http://developer.telerik.com/wp-login.php?action=slack-invitation).
