node_modulesを復元する方法

過去のLaravelプロジェクトなどで使っていたnode_modulesを新規プロジェクトでもそのまま使いたかったので、復元方法を備忘録として残して起きます。

前提

・npmが使えること

用意するもの

・過去プロジェクトなどで利用したpackage.jsonの"devDependencies": { ... }
・新しいプロジェクト（インストール済み）

やり方

自身の過去プロジェクトなどからpackage.jsonを開き、"devDependencies": { ... }をまるごとコピーします。
自分の環境では以下のコードをまるっとコピーしましたが、自身の環境に合わせて削除（または追加）してください。

package.json

"devDependencies": {
    "@babel/core": "^7.14.3",
    "@babel/preset-env": "^7.14.4",
    "@tailwindcss/forms": "^0.2.1",
    "@tailwindcss/postcss7-compat": "^2.0.4",
    "alpinejs": "^2.7.3",
    "autoprefixer": "^10.2.6",
    "axios": "^0.21",
    "bootstrap": "^4.0.0",
    "browser-sync": "^2.26.14",
    "decompress": "^4.2.1",
    "del": "^6.0.0",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^8.0.0",
    "gulp-babel": "^8.0.0",
    "gulp-ejs": "^5.1.0",
    "gulp-imagemin": "^7.1.0",
    "gulp-notify": "^4.0.0",
    "gulp-plumber": "^1.2.1",
    "gulp-postcss": "^9.0.0",
    "gulp-rename": "^2.0.0",
    "gulp-replace": "^1.1.3",
    "gulp-sass": "^4.1.0",
    "gulp-sass-glob": "^1.1.0",
    "gulp-uglify": "^3.0.2",
    "gulp-webp": "^4.0.1",
    "imagemin-mozjpeg": "^9.0.0",
    "imagemin-pngquant": "^9.0.2",
    "jquery": "^3.6.0",
    "jquery-ui": "^1.12.1",
    "laravel-mix": "^6.0.19",
    "lodash": "^4.17.19",
    "mix-tailwindcss": "^1.3.0",
    "popper.js": "^1.12",
    "postcss": "^8.2.9",
    "postcss-import": "^12.0.1",
    "resolve-url-loader": "^2.3.1",
    "sass": "^1.20.1",
    "sass-loader": "^8.0.0",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.1.4",
    "vue": "^2.5.17",
    "vue-loader": "^15.9.6",
    "vue-template-compiler": "^2.6.10"
  }

新しい環境のpackage.jsonを開き、"devDependencies": { ... }を上書きして保存します。

ターミナルのCDコマンドでプロジェクトフォルダに移動し、npm installと打てば完了です。