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.1k
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
850
Other Decks in Programming
See All in Programming
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
400
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
140
Coding Experience Cpp vs Csharp - meetup app osaka@9
harukasao
0
720
MCP調べてみました! / Exploring MCP
uhzz
2
2.2k
PHP で学ぶ OAuth 入門
azuki
1
120
Do Dumb Things
mitsuhiko
0
410
アーキテクトと美学 / Architecture and Aesthetics
nrslib
12
3.3k
Code smarter, not harder - How AI Coding Tools Boost Your Productivity | Webinar 2025
danielsogl
0
120
Qiita Bash
mercury_dev0517
1
180
新しいPHP拡張モジュールインストール方法「PHP Installer for Extensions (PIE)」を使ってみよう!
cocoeyes02
0
310
SQL Server ベクトル検索
odashinsuke
0
160
MCP世界への招待: AIエンジニアが創る次世代エージェント連携の世界
gunta
4
880
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Faster Mobile Websites
deanohume
306
31k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Agile that works and the tools we love
rasmusluckow
328
21k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Speed Design
sergeychernyshev
29
880
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/