Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Vue CLI - Library Build
Shindeok Kang
December 11, 2019
Programming
0
800
Vue CLI - Library Build
Shindeok Kang
December 11, 2019
Tweet
Share
More Decks by Shindeok Kang
See All by Shindeok Kang
Hello, Fire!
heavymery
2
640
Other Decks in Programming
See All in Programming
ipa-medit: Memory search and patch tool for IPA without Jailbreaking/ipa-medit-bh2022-europe
tkmru
0
130
Writing Greener Java Applications
hollycummins
0
330
LIFFで動く割り勘アプリTATEKAをリリースしてみた話
inoue2002
0
190
NGK2023S - OCaml最高! スマホ開発にも使えちゃう?!
haochenxie
0
100
OIDC仕様に準拠した Makuake ID連携基盤構築の裏側
ymtdzzz
0
130
はてなリモートインターンシップ2022 インフラ 講義資料
hatena
4
2.1k
Refactor with using `available` and `deprecated`
417_72ki
3
370
Zynq MP SoC で楽しむエッジコンピューティング ~RTLプログラミングのススメ~
ryuz88
0
170
Cloudflare Workersと状態管理
chimame
2
450
SHOWROOMの分析目的を意識した伝え方・コミュニケーション
hatapu
0
230
爆速の日経電子版開発の今
shinyaigeek
0
270
Swift Expression Macros: a practical introduction
kishikawakatsumi
2
690
Featured
See All Featured
Happy Clients
brianwarren
90
5.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
10
1.3k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Designing on Purpose - Digital PM Summit 2013
jponch
108
5.9k
Music & Morning Musume
bryan
36
4.6k
Code Review Best Practice
trishagee
50
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Designing Experiences People Love
moore
130
22k
The Mythical Team-Month
searls
210
40k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
13
1.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
31
20k
Transcript
Vue CLI 〜 Library Build でハマった話 〜
https://twitter.com/KangShindeok https://github.com/heavymery ラクスル株式会社 姜 信徳 / Shindeok Kang 自己紹介 フロントエンド開発
エンジニアリング・マネージャー
Index • ラクスルのサービスと技術スタック • npm package 化したい背景 • そこでハマった!
ラクスルのサービスと技術スタック TVCM
ラクスルのサービスと技術スタック Server Side Frontend
npm package 化したい背景 Super Cool Web App Super Cool SPA
Super Cool Web App Super Cool SPA Super Cool Web App Super Cool SPA ... Same Codes ... Same ? Code ...
npm package 化したい背景 • Common UI Components • Common Store
modules • Utilities ... Super Cool Package Super Cool Web App Super Cool SPA
そこで • ググったら公式サイトのページ Cookbook が出てきた https://vuejs.org/v2/cookbook/index.html • Cookbook の rollup
設定が良く分からなかった https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html • Vue CLI の Library Build 機能があるっぽい! https://cli.vuejs.org/guide/build-targets.html#library
だけど • Vue CLI ドキュメントの設定方法が良く分からない • ググってみると Component の簡単な例は見つかった •
Store モジュールとかも package 化したいし • TypeScript で書きたいし • ...
そこでハマった!
DEMO my-lib と my-app でハマるデモ
THANK YOU 良い方法あったら教えてください
THANK YOU 良い方法見つかったらブログ書きます ✌ https://tech.raksul.com/