Skip to content

blryli/vue-rollup-component-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e9ac7ea · Aug 8, 2019

History

13 Commits
Jul 12, 2019
Jul 12, 2019
Jul 12, 2019
Jul 12, 2019
Jul 12, 2019
Jul 12, 2019
Aug 8, 2019
Aug 8, 2019
Jul 12, 2019

Repository files navigation

vue-rollup-component-template

下载即可开始组件开发

webpack3+babek6版本,如果需要webpck4+babel7版本请 clone webpck4-babel7分支

组件开发

运行

根目录下

npm i
npm run dev
npm run build
npm run build:es
npm run build:browser
npm run build:umd

dev运行的是 rollup watch,监听src文件夹的变化,实时打包插件

开发

只需要关注src目录,.babelrc文件设置了src目录为root

src目录下的模块引入,不需要'../../'

import Component from 'components/component'
import util from 'utils/util'
import mixins from 'mixins/mixin'
...

打包

dist 输出文件

  • vue-rollup-component-template.css
  • vue-rollup-component-template.esm.js
  • vue-rollup-component-template.min.js
  • vue-rollup-component-template.umd.js

docs

运行

docs目录下

npm i
npm run dev
npm run build

入口文件是组件打包后的js,运行时自动监听入口文件的变化,实时响应

why

这样开发组件的好处是,组件开发与测试解耦,专注组件开发,开发完成快速发布

Releases

No releases published

Packages

No packages published