https://github.com/rigor789/demo-nativescript-vue-tailwind

https://github.com/rigor789/demo-nativescript-vue-tailwind

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/rigor789/demo-nativescript-vue-tailwind
• Owner: rigor789
• Created: 2020-05-02T16:46:27.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T04:49:47.000Z (almost 2 years ago)
• Last Synced: 2024-12-14T05:01:34.450Z (9 days ago)
• Language: JavaScript
• Size: 2.54 MB
• Stars: 6
• Watchers: 5
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Demo application for nativescript-tailwind

The changes compared to a fresh app created with `vue init`:

 * Installed deps: `npm i postcss postcss-loader tailwindcss nativescript-tailwind --save-dev`

 * Added  `tailwind.config.js` with `npx tailwindcss init` + added the purge option manually

 * Added `postcss.config.js`

 * Edited `app.css` to include tailwind components and utilities. (base is not used in NativeScript, so it's left out from the css)

 * Added 'postcss-loader' to all css rules in `webpack.config.js`

 

To enable purge when building for production, `NODE_ENV` must be set to `production`, for example

```bash

$ NODE_ENV=production tns build android --production --...

```

## Usage

``` bash

# Install dependencies

npm install

# Preview on device

tns preview

# Build, watch for changes and run the application

tns run

# Build, watch for changes and debug the application

tns debug 

# Build for production

tns build  --env.production

```