npm install --save-dev webpack webpack-cli lodash

我们将 lodash 安装为 devDependencies 而不是 dependencies，因为我们不需要将其打包到我们的库中，否则我们的库体积很容易变大。

补充

补充：npm 安装依赖时通过 --save（简写 -S）与 --save-dev（简写 -D）控制写入 package.json 的位置：

  • --save 写入 dependencies：项目运行时必须的代码（如 lodash、react），会随包一起被消费者安装。
  • --save-dev 写入 devDependencies：仅在开发、构建、测试时需要（如 webpack、jest、eslint），发布 npm 包时不会被打包。

打第三方库时，运行时不需要的依赖（如构建工具）应当放进 devDependencies，否则 consumer 会下载无关代码、增大体积。

npm install --save-dev webpack webpack-cli typescript
npm install --save react react-dom

npm 5+ 已默认将 --save 行为改为默认（直接 npm i xxx 也会写入 dependencies），但显式指定仍然是好习惯。

来源整理自：我的有道云笔记