1.2.0 • Published 4 years ago
fft-vue-components-demo v1.2.0
Install
Run the command below in your terminal to install FFTVueComponents first
npm install @pdd/packman-test-npm ||
yarn add @pdd/packman-test-npm ||
pnpm install @pdd/packman-test-npm
Usage
Global Use
Import in your entry script file and register it
import FFTVueComponents from 'fft-vue-components'
import "fft-vue-components/lib/styles/fft-vue-components.css"
Vue.use(FFTVueComponents)
Example
<fft-button>click</fft-button>
On-demand Loading
Firstly, you should install babel-plugin-component
in your project.
npm install babel-plugin-component
Configure your .babelrc
file like this
{
"plugins": [
["component", {
"libraryName": "fft-vue-components",
"libDir": "lib",
"styleLibrary": {
"name": "styles",
"base": false, // no base.css file
"path": "[module].css"
}
}]
]
}
The you can import component on demand, and you don't need to care about importing styles, the babel plugin will do it automaticly.
import Vue from 'vue'
import { Button } from 'fft-vue-components'
Vue.component('a-button', Button)