一个用于快速创建 Vue 组件库的模板脚手架,使用 Storybook 构建.
git clone https://github.com/senntyou/vue-lib-starter.git --depth=1
cd vue-lib-starter
npm install # 安装依赖
npm run storybook # 使用 storybook 开发组件
npm run build # 构建发布文件
- src
- index.js # js 入口文件
- styles
- index.{less,scss} # 样式入口文件
- .storybook # for storybook
- stories # for storybook
样式默认使用 less
语言, 如果你想使用 scss
语言, 可以修改 package.json
:
"scripts": {
- "build:styles": "npm run build:less",
+ "build:styles": "npm run build:scss",
}
- 推荐把 Vue 组件的样式与 js 脚本分开来写(样式单独写在
.{less,scss}
文件中,而非.vue
文件).