如何将一行连续require的CommonJS语句转为ECMAScript import语法？

针对你给出的代码var sass = require('gulp-sass')(require('sass'));，可以按照以下方式转换为ES模块的import语法：

基础转换（注意变量名冲突） #

import gulpSass from 'gulp-sass';
import * as sass from 'sass';

const sass = gulpSass(sass);

不过上述代码存在变量名冲突问题（导入的sass和最终赋值的变量同名），更推荐调整变量名避免冲突：

优化后的版本 #

import gulpSass from 'gulp-sass';
import * as dartSass from 'sass';

const sass = gulpSass(dartSass);

或者直接给最终的处理器变量换个更清晰的名字：

import gulpSass from 'gulp-sass';
import * as sass from 'sass';

const sassProcessor = gulpSass(sass);

转换逻辑说明 #

• import gulpSass from 'gulp-sass' 等价于 require('gulp-sass')，因为gulp-sass默认导出的是一个可调用的函数，直接默认导入即可获取这个函数。
• import * as sass from 'sass' 等价于 require('sass')，使用命名空间导入可以完整获取sass模块的所有导出成员，和CommonJS的require行为保持一致。

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