0.7.8 • Published 1 year ago

zy-libraries v0.7.8

Weekly downloads
6
License
MIT
Repository
-
Last release
1 year ago

zy-libraries

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles for production

npm run build

Lints and fixes files

npm run lint

build lib to publish npm

npm run build && npm publish

如何使用

npm install zy-libraries --save

import zyLibraries from 'zy-libraries';
import 'zy-libraries/lib/entry/style.css

Vue.use(zyLibraries)

<zy-item></zy-item>

按需加载的引入

安装 babel-plugin-component 并创建 .babelrc 进行如下配置:

{
    "plugins": [
        [
            "component",
            {
                "libraryName": "zy-libraries"
            }
        ]
    ]
}

*.vue 中:

import {zyItem} from 'zy-libraries'

babel-plugin-component 会将引入的代码进行转换,vue-cli3 请使用 babel-plugin-import

import { Button } from 'components'

// 转换成
var button = require('components/lib/button')
require('components/lib/button/style.css')

element-ui 为例

配置 .babelrc 文件

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

以下代码会被转换

import {Button,Icon} from 'element-ui'

// 转成成
const Button = require('element-ui/lib/button.js')
require('element-ui/theme-chalk/button.css')

const Icon = require('element-ui/lib/icon.js')
require('element-ui/theme-chalk/icon.css')

其中在引入css的时候,其中的theme-chalk路径是通过.babelrc文件中的styleLibraryName确定的,引入js的时候, 其中的lib是通过.babelrc文件中的libDir属性决定的,只不过这个属性的默认值是lib

zy-libraries 的按需引入

.babelrc配置

{
  "presets": [["env", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "zy-libraries",
        "style": true
      }
    ]
  ]
}

最终会查找到 zy-libraries/lib

main.js配置或者在相应使用到的地方

import {zyItem} from 'zy-libraries';
Vue.use(zyItem);
0.7.6

1 year ago

0.7.5

1 year ago

0.7.8

1 year ago

0.7.7

1 year ago

0.7.4

1 year ago

0.6.9

1 year ago

0.6.8

1 year ago

0.7.2

1 year ago

0.7.1

1 year ago

0.7.3

1 year ago

0.7.0

1 year ago

0.6.7

3 years ago

0.6.6

3 years ago

0.6.3

3 years ago

0.6.2

3 years ago

0.6.5

3 years ago

0.6.4

3 years ago

0.6.1

3 years ago

0.5.1

5 years ago

0.4.1

5 years ago

0.3.0

5 years ago

0.3.1

5 years ago

0.2.0

5 years ago

0.1.0

5 years ago