庭喵的出包星球 – Page 46 – Front End Developer's Note

手工皂心得

正宗敘利亞 Najel 月桂油12% 阿勒坡手工古皂 180g (±10g)
姆，覺得洗了身體油油的不太好沖

dependencies
跑這個程式需要的套件

devDependencies
開發的時候需要的套件，例如Jest之類的測試工具，但是執行的時候不需要（例如babel）

peerDependencies
告訴安裝這個套件的人，需要自己安裝什麼套件

--save-dev
存到devDependencies，也就是-D
--save
存到dependencies

npm install git+https://git…..

6/16的時候開始研究怎麼做npm套件，爬了一些文章，發現網路很多文章沒有交代很多
細節，需要爬很多文章才知道怎麼做。

在babel編譯的過程中也蠻多問題的

接下來打指令

rm -rf dist && mkdir dist && babel ./src/components -d dist --copy-files

發現錯誤，沒有安裝babel
‘babel’ is not recognized as an internal or external command,
趕快來安裝一下：
npm install --save-dev @babel/cli
結果又加了一個index.js把所有元件導出，還在package.json加上
"main": "dist/export.js",
後來又報錯：Error: [BABEL] C:\demo\monolith\package\src\components\AccountInfo.js: Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` e nvironment variables. Valid values are "development", "test", and "production". Instead, received: undefined. (While processing: "C:\\demo\\monolith\\packa ge\\node_modules\\babel-preset-react-app\\index.js")
還要再安裝cross-env
npm i cross-env
再修改指令成
```
rm -rf dist && mkdir dist && cross-env NODE_ENV=development babel ./src/components -d dist --copy-files
```
host站要把 package-lock.json 和 node_modules 刪光，再輸入
npm install --save ./../package
可以加以下指令到script，要重裝很方便
rm -rf node_module/custom_module && npm install