push-to-npm-demo v0.2.1

A Mobile UI Components built on Vue

Links

• Document
• Example

安装

NPM

npm i @insaic/neon -S

CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/@insaic/neon/lib/style.css">

<!-- 引入组件 -->
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
<script src="https://unpkg.com/@insaic/neon/lib/index.js"></script>

引入组件

1.按需引入（推荐）

使用 babel-plugin-component，该插件是一款 babel 插件，它会在编译过程中将

import { Button } from 'components'

的写法自动转换为按需引入的方式

const button = require('components/lib/button')
require('components/lib/button/style.css')

# 安装 babel-plugin-component 插件
npm i babel-plugin-component -D

在.babelrc里添加插件配置

"plugins": [
 [
   "component",
   {
     "libraryName": "@insaic/neon",
     "style": true
   }
 ]
]

安装和配置好插件后，即可使用

import { Style, Button } from '@insaic/neon'
Vue.use(Style).use(Button)

的方式引入需要的组件

::: warning 注意： 按需引入组件 也需引入基础样式

import { Style } from '@insaic/neon'
Vue.use(Style)

:::

2.全局引入

import Neon from '@insaic/neon'
Vue.use(Neon)

::: warning 注意 全局引入已包含了基础样式 :::