Skip to content
This repository was archived by the owner on Aug 7, 2021. It is now read-only.

NativeScript/nativescript-dev-webpack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

6fe8e32 · Aug 6, 2021
Nov 8, 2019
Jul 16, 2019
Aug 8, 2019
Sep 17, 2018
Jan 21, 2020
Aug 14, 2019
Oct 15, 2019
Sep 16, 2019
Jan 27, 2020
Sep 5, 2018
Jan 28, 2020
Nov 26, 2019
Jan 28, 2020
Jul 4, 2019
Sep 26, 2019
May 3, 2018
Oct 23, 2019
Sep 16, 2019
Sep 16, 2019
Jan 7, 2020
Jan 23, 2018
Aug 8, 2019
Jan 7, 2019
Jun 9, 2017
Aug 6, 2021
Apr 12, 2019
Oct 10, 2019
Oct 25, 2019
Oct 2, 2019
Jan 29, 2020
Nov 21, 2019
Nov 21, 2019
Jan 14, 2020
Feb 4, 2019
Aug 14, 2019
Jan 28, 2020
Jul 22, 2019
May 3, 2018
Jan 25, 2019
Aug 8, 2019
Jun 22, 2018
Jun 22, 2018
Apr 12, 2019
Mar 15, 2019
Dec 12, 2017
May 30, 2020
Jul 4, 2019
Jul 4, 2019
Jul 24, 2019
Jul 24, 2019
Dec 18, 2018
Mar 15, 2019
Apr 12, 2019
Apr 12, 2019
Aug 23, 2018
Jul 10, 2019
Oct 2, 2019
Jan 28, 2020

Repository files navigation

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.