npm s的包裝到 d會怎麼樣，wepack打包會有影響嗎？

1樓：熊傑

先說結論：應該不會。

webpack 打包只在乎本地的模組是否存在。至於模組是怎麼來的並不去管。比如用 npm 安裝，用 yarn 安裝的,或者用 Bower 安裝的， webpack都不在乎。

那現在的問題在 npm install name -s 和 npm install name -d 的差別， -s 的含義是將模組當成依賴寫到 package.json dependencies 中。 -d 的含義是，將模組當成開發依賴寫到 package.

json 中的 devDependencies 中。之所以有開發依賴是因為有一包，只在開發的時候用到。發布生產環境是不需要的，比如 tslint， eslint， prettier 這些。

devDependencies 是為了在發布到生產環境的時候，控制發布體積。

跟 dependencies 和 devDependencies 相關係的是， npm install。官網文件上說

By default, npm install will install all modules listed as dependencies in package.json

.With the --production flag (or when the NODE_ENV environment variable is set to production), npm will not install modules listed in devDependencies.

NOTE: The --production flag has no particular meaning when adding a dependency to a project.

npm install 會安裝所有 dependencies 中列出的模組。除非指明 --production 標誌，或者環境變數 NODE_ENV 為 production 的情況下， npm 才不會去安裝 devDependencies。

NOTE： npm 才新增新的依賴時，會忽略 --production 標誌。（這個不重要）

正常情況下，如果是自己寫的 CI。安裝時會直接用 npm i 或者 yarn 來安裝。 devDependencies 也會安裝下來，所以不會影響 webpack 打包。

如果自己想去做CI 速度優化，想減少安裝包的體積。就可以使用 npm i --production。這個時候，其實自己應該是有預期明白不安裝開發包的。