All Projects → SmallComfort → react-vue-native-scripts

SmallComfort / react-vue-native-scripts

Licence: other
react vue native scripts

Programming Languages

javascript
184084 projects - #8 most used programming language

react-vue-native-scripts

Compile Vue component to React Native.

Install

npm install --save react-vue react-vue-helper
npm install --save-dev react-vue-native-scripts

Usage

Before you should get a React Native Application

Add scripts commands in your package.json.

...

"scripts": {
  "compiler": "react-vue-native-scripts compiler",
},

...

cli

npm run compiler

Tips

For react-native packager can not bundle .vue file, this scripts just compiled the file with .vue suffixed and generated a same name file with .js suffixed.

In the react native application, you can simply import your Vue components as following

import VueComponent from './VueComponent'

There should be a file named VueComponent.vue in the corresponding folder, and the compiler would be generate a file named VueComponent.js in the same directory.

In react-native packager, import VueComponent from './VueComponent' equal to import VueComponent from './VueComponent.js'.

demo

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].