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

npm-scriptsについて

Kazunori-Kimura
January 17, 2018
Technology
0
94

 npm-scriptsについて

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

Kazunori-Kimura

January 17, 2018
Tweet

More Decks by Kazunori-Kimura

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

Other Decks in Technology

See All in Technology
クライアントサイドでよく使われる Debounce処理 をサーバサイドで3回実装した話
yoshiori
1
150
Commitment vs Harrisonism - Keynote for Scrum Niseko 2024
miholovesq
6
1.1k
Java x Spring Boot Warm up
kazu_kichi_67
2
490
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
【若手エンジニア応援LT会】AWSで繋がり、共に成長！ ～コミュニティ活動と新人教育への挑戦～
kazushi_ohata
0
180
Gradle: The Build System That Loves To Hate You
aurimas
2
140
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
310
Jr. Championsになって、強く連携しながらAWSをもっと使いたい！~AWSに対する期待と行動~
amixedcolor
0
190
LeSSに潜む「隠れWF病」とその処方箋
lycorptech_jp
PRO
2
120
AWS re:Inventを徹底的に楽しむためのTips / Tips for thoroughly enjoying AWS re:Invent
yuj1osm
1
560
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
フルカイテン株式会社 採用資料
fullkaiten
0
36k

Featured

See All Featured
A Modern Web Designer's Workflow
chriscoyier
692
190k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
A better future with KSS
kneath
238
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.2k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Faster Mobile Websites
deanohume
304
30k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
A designer walks into a library…
pauljervisheath
202
24k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
4 Signs Your Business is Dying
shpigford
180
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
40

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ͷ࢖͍ํ