All Projects → NativeScript → nativescript-dev-webpack

NativeScript / nativescript-dev-webpack

Licence: Apache-2.0 license
A package to help with webpacking NativeScript apps.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to nativescript-dev-webpack

nativescript-http
The best way to do HTTP requests in NativeScript, a drop-in replacement for the core HTTP with important improvements and additions like proper connection pooling, form data support and certificate pinning
Stars: ✭ 32 (-67.35%)
Mutual labels:  nativescript, nativescript-angular
nativescript-healthcare-app
Healthcare example application built with NativeScript Angular. NativeScript template to quickly prototype your own business idea.
Stars: ✭ 24 (-75.51%)
Mutual labels:  nativescript, nativescript-angular
nativescript-toolbox
A NativeScript module that is a composition of useful tools and helpers.
Stars: ✭ 54 (-44.9%)
Mutual labels:  nativescript
easy-webpack-4
Webpack 4 simple example to quickly build a web application
Stars: ✭ 68 (-30.61%)
Mutual labels:  webpack4
nativescript-dev-typescript
TypeScript support for NativeScript projects
Stars: ✭ 20 (-79.59%)
Mutual labels:  nativescript
webpack-demos
webpack小练习
Stars: ✭ 17 (-82.65%)
Mutual labels:  webpack4
webpack4-boilerplate
webpack4打包模板
Stars: ✭ 36 (-63.27%)
Mutual labels:  webpack4
Vi-Ui
💙 A simple but consistent user interface made for Vue
Stars: ✭ 42 (-57.14%)
Mutual labels:  webpack4
nativescript-fancy-calendar
Fancy calendar for NativeScript 😄 🍻
Stars: ✭ 21 (-78.57%)
Mutual labels:  nativescript
Project06-A-Slack
팀 협업도구, 우리동네 슬랙 🚀
Stars: ✭ 14 (-85.71%)
Mutual labels:  webpack4
nativescript-image-filters
NativeScript plugin to apply filters to images
Stars: ✭ 30 (-69.39%)
Mutual labels:  nativescript
nativescript-ng2-drawer-seed
Nativescript template project with drawer support
Stars: ✭ 17 (-82.65%)
Mutual labels:  nativescript
boilerplate-react-redux-pwa
It's sample boilerplate with pwa + react + redux + redux-saga
Stars: ✭ 14 (-85.71%)
Mutual labels:  webpack4
react-library-template
Jumpstart your team's shared react library
Stars: ✭ 26 (-73.47%)
Mutual labels:  webpack4
nativescript-swipe-layout
🎆
Stars: ✭ 21 (-78.57%)
Mutual labels:  nativescript
texttospeech
Text to Speech NativeScript plugin for Android & iOS 📢
Stars: ✭ 44 (-55.1%)
Mutual labels:  nativescript
quickstart-miniprogram
🎉微信小程序webpack模板
Stars: ✭ 32 (-67.35%)
Mutual labels:  webpack4
nativescript-loading-indicator
NativeScript Loading Indicator plugin
Stars: ✭ 48 (-51.02%)
Mutual labels:  nativescript
bootpack
Create multi-page websites using bootstrap for development and webpack for task running.
Stars: ✭ 30 (-69.39%)
Mutual labels:  webpack4
nativescript-vue-rollup-template
A NativeScript template ready to roll with Vue.js and .vue files.
Stars: ✭ 39 (-60.2%)
Mutual labels:  nativescript

The source code has been moved into the main NativeScript monorepo 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 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.

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

$ npm install --save-dev nativescript-dev-webpack

$ tns run android
or
$ tns run ios

Contribute

We love PRs! Check out the contributing guidelines and instructions for local setup. If you want to contribute, but you are not sure where to start - look for issues labeled help wanted.

Get Help

Please, use github issues strictly for reporting bugs or requesting features. For general questions and support, check out Stack Overflow or ask our experts in NativeScript community Slack channel.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].