如何使用import语法替代gulpfile中gulp-sass的嵌套require写法

原CommonJS写法的本质是先导入gulp-sass导出的工厂函数，再将sass引擎作为参数传入该工厂函数，最终得到可直接在gulp任务中调用的sass处理实例。要转成ES模块的import语法，可以用以下两种方案：

方案1：兼容性最佳写法 #

无需依赖新语法，仅用标准静态import实现，多余的临时变量可以用特殊命名区分避免冲突：

import gulpSass from 'gulp-sass';
import sassEngine from 'sass';

// 最终只需要保留这个sass变量即可，前两个导入的变量不会影响后续业务逻辑
const sass = gulpSass(sassEngine);

这种写法支持所有支持ES模块的Node.js版本，逻辑清晰易读，是日常开发的首选方案。

方案2：无多余变量写法 #

如果你完全不需要保留中间导入的两个变量，可以使用top-level await配合动态导入实现，全程仅生成一个sass变量：

const sass = (await import('gulp-sass')).default((await import('sass')).default);

注意：该写法要求Node.js版本≥14.8，且gulpfile所在项目需要在package.json中配置"type": "module"，或者将gulpfile后缀改为.mjs以启用ES模块模式。

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