Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vue CLI - Library Build
Search
Shindeok Kang
December 11, 2019
Programming
0
1.2k
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
860
Other Decks in Programming
See All in Programming
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
110
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
460
テストコードはもう書かない:JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
makun
0
590
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
610
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
370
Testing Trophyは叫ばない
toms74209200
0
900
Kiroで始めるAI-DLC
kaonash
2
630
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
720
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
280
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
11
4.5k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
460k
Designing for Performance
lara
610
69k
Designing Experiences People Love
moore
142
24k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
How GitHub (no longer) Works
holman
315
140k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
930
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
What's in a price? How to price your products and services
michaelherold
246
12k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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/