Upgrade to Pro — share decks privately, control downloads, hide ads and more …

npm-scriptsについて

Kazunori-Kimura
January 17, 2018
Technology
0
97

 npm-scriptsについて

npm-scriptsの概要と使い方について

Kazunori-Kimura

January 17, 2018
Tweet

More Decks by Kazunori-Kimura

See All by Kazunori-Kimura
path-parser
kazunorikimura
0
350
objectのcloneを行う/How to clone of the object in js
kazunorikimura
0
360
クライアントサイドで大きなデータを扱うときのお話/Web Worker & IndexedDB
kazunorikimura
0
620
How freelance programmer works
kazunorikimura
0
100
moment.js
kazunorikimura
0
71
sequelize.pdf
kazunorikimura
0
540
Toward the world of "ready player one"
kazunorikimura
0
73
npmの便利なパッケージ: forever, winser
kazunorikimura
0
940
npmの便利なパッケージ: Jest
kazunorikimura
0
110

Other Decks in Technology

See All in Technology
組織貢献をするフリーランスエンジニアという生き方
n_takehata
1
1.3k
Platform Engineeringは自由のめまい
nwiizo
4
2.1k
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
1
240
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
380
2.5Dモデルのすべて
yu4u
2
830
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
3
960
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.6k
Classmethod AI Talks(CATs) #16 司会進行スライド(2025.02.12) / classmethod-ai-talks-aka-cats_moderator-slides_vol16_2025-02-12
shinyaa31
0
100
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.3k
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
1k
ハッキングの世界に迫る～攻撃者の思考で考えるセキュリティ～
nomizone
13
5.1k
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
2
230

Featured

See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Visualization
eitanlees
146
15k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Become a Pro
speakerdeck
PRO
26
5.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
320

Transcript

  1. OQNTDSJQUTʹ͍ͭͯ 2018-01-20 ໦ଜ ݑن

  2.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  3.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  4. ࡢࠓͷWebϑϩϯτΤϯυ։ൃ  Node.jsͷπʔϧ͕ෆՄܽ πʔϧͷ؅ཧɺ࣮ߦʹ͸npmΛ࢖͏ npm: node package manager

  5. ϑϩϯτΤϯυ։ൃͷπʔϧ • babel • browserify/webpack • node-sass • browser-sync …etc

    ͜ΕΒͷπʔϧ܈Λͭͳ͗߹ΘͤΔ 

  6.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  7. λεΫϥϯφʔͱ͸ JavaScriptͷτϥϯεύΠϧ΍SCSSͷίϯύΠ ϧɺrequire/importͷղܾͱ͍ͬͨॲཧͷ࣮ߦ ΛࣗಈԽ͢Δ 

  8. ୅දతͳλεΫϥϯφʔ • grunt • gulp • npm-scripts 

  9. grunt / gulp ϓϥάΠϯʹΑΓଟ༷ͳػೳΛఏڙ ઃఆ͕ෳࡶʹͳΓ͕ͪ 

  10. npm-scripts shell script / batchίϚϯυ Λ࣮ߦ
 package.jsonʹఆٛ γϯϓϧͰ֮͑Δ͜ͱ͕গͳ͍ ػೳ͕ශऑ 

  11.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ

  12. npm-scriptsͷఆٛ 

  13. npm-scriptsͰศརͳπʔϧ npm-run-all cross-env rimraf mkdirp chokidar-cli 

  14.  ࡢࠓͷ8FCϑϩϯτΤϯυ։ൃʹ͍ͭͯ λεΫϥϯφʔ OQNTDSJQUTͷ࢖͍ํ