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
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
1
120
Go言語での実装を通して学ぶLLMファインチューニングの仕組み / fukuokago22-llm-peft
monochromegane
0
110
1から理解するWeb Push
dora1998
5
1.6k
為你自己學 Python - 冷知識篇
eddie
1
340
OSS開発者という働き方
andpad
5
1.7k
速いWebフレームワークを作る
yusukebe
5
1.7k
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
160
複雑なドメインに挑む.pdf
yukisakai1225
5
970
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
210
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
18
9.8k
さようなら Date。 ようこそTemporal! 3年間先行利用して得られた知見の共有
8beeeaaat
2
1.3k
RDoc meets YARD
okuramasafumi
4
160
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.8k
Typedesign – Prime Four
hannesfritz
42
2.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
910
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Code Review Best Practice
trishagee
70
19k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
BBQ
matthewcrist
89
9.8k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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/