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
940
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
760
Other Decks in Programming
See All in Programming
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
TCA魔法学入門🪄
dazy
0
280
Dockerで始めるAWS Lambda開発
stutkhd0709
13
2.5k
AppDeveloperCon 2024 EU: Building polyglot developer experiences in 2024
salaboy
0
380
LLMチャットボットのアプリケーション設計Tips
os1ma
4
660
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
490
決断するための勇気、そのためのBacklog / Courage to make decisions, Backlog for that.
seike460
PRO
4
1.9k
Open Source Swiftc Workshop
kitasuke
1
180
Laravel標準バリデーションでできること
hmb_ok
2
360
PHPでOfficeファイルを取り扱う! PHP Officeライブラリを プロダクトに組み込んだ話
hirobe1999
0
840
導入から5年が経って見えた Datadog APM 運用の課題
bgpat
2
540
生成 AI の中身を覗いてみよう〜基礎から医療現場での応用まで〜
soh9834
2
760
Featured
See All Featured
Gamification - CAS2011
davidbonilla
76
4.5k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
178
11k
Web Components: a chance to create the future
zenorocha
304
41k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
19
1.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
28
5.9k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
A better future with KSS
kneath
230
16k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
GitHub's CSS Performance
jonrohan
1023
450k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
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/