无node_modules时如何编译JS/SCSS？误删依赖文件的解决办法

SCSS 编译 #

• 使用独立编译器：
  • Ruby Sass：安装Ruby环境后，通过RubyGems安装sass，执行命令sass input.scss output.css完成编译，无需npm或node_modules。
  • Dart Sass 独立二进制包：下载对应操作系统的Dart Sass二进制文件，直接运行命令./sass input.scss output.css（Linux/macOS）或sass.exe input.scss output.css（Windows）即可编译，不依赖npm生态。
• 在线工具：临时编译可使用Codepen、JSFiddle等平台的SCSS编译功能，但不适用于本地批量处理。

JS 编译/转译 #

• Babel 独立CLI：下载Babel CLI的独立二进制包，配合@babel/preset-env等预设的离线压缩包，手动创建.babelrc配置文件后，执行babel input.js --out-file output.js完成ES6+到ES5的转译，无需node_modules。
• 轻量独立打包工具：使用Rollup、Parcel的独立二进制版本，直接通过命令行打包JS文件，无需npm安装依赖。
• 纯JS场景：若代码无需转译（如仅使用ES5语法），可直接运行，无需编译步骤。

确定所需模块 #

• 检查代码引用：遍历项目JS文件中的import/require语句、SCSS文件中的@import（若引用了npm包样式，如Bootstrap），提取所有依赖包名。
• 查看配置文件：检查webpack.config.js、gulpfile.js、.babelrc等构建配置文件，找出其中提到的loader、插件（如babel-loader、sass-loader）及核心工具（如webpack、gulp），这些均为必要依赖。
• 恢复git历史：若项目使用Git管理，查看提交记录或分支，尝试找回历史版本的package.json，或查找包含npm install命令的提交信息。
• 解析锁文件：若存在package-lock.json或yarn.lock，可从中提取所有依赖的包名和版本号，甚至手动整理生成package.json（或使用lockfile-to-package这类工具反向生成）。

手动下载模块的方法 #

• 直接从npm官网下载：搜索目标包，下载对应版本的tar.gz压缩包，解压后放入项目根目录新建的node_modules文件夹中，注意匹配锁文件或代码兼容的版本号。
• 处理依赖链：若目标包存在子依赖（如A依赖B，B依赖C），需逐个下载所有层级的依赖包；或在其他机器上根据整理出的依赖列表安装后，将node_modules完整复制到当前项目。
• 手动创建package.json重装：整理出所有依赖（包括dependencies和devDependencies）后，手动编写package.json文件，示例如下：

{
  "name": "your-project",
  "version": "1.0.0",
  "dependencies": {
    "lodash": "^4.17.21",
    "axios": "^1.6.0"
  },
  "devDependencies": {
    "webpack": "^5.89.0",
    "babel-loader": "^9.1.3"
  }
}

之后执行npm install即可自动安装所有依赖，比手动下载更高效。

内容的提问来源于stack exchange，提问作者TJ Hosting