Mi proyecto está completamente escrito como módulo CommonJS y no planeo cambiarlo . El problema es que tengo que usar una biblioteca que es ESM cuando uso gulp .
El archivo donde aparece esta situación:
const { dest, src } = require('gulp') const imagemin = require('gulp-imagemin') // This is a ESM. Compiler gives error [ERR_REQUIRE_ESM] const images = () => { // We have specific configs for jpeg and png files to try // to really pull down asset sizes return src('./src/images/**/*') .pipe( imagemin( [ imagemin.mozjpeg({ quality: 60, progressive: true }), imagemin.optipng({ optimizationLevel: 5, interlaced: null }) ], { silent: true } ) ) .pipe(dest('./dist/images')) } module.exports = imagesEste es el error que da el nodo
Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\Lucas\Documents\repos\nexus-materiales\node_modules\gulp-imagemin\index.js from C:\Users\Lucas\Documents\repos\nexus-materiales\gulp-tasks\images.js not supported. Instead change the require of index.js in C:\Users\Lucas\Documents\repos\nexus-materiales\gulp-tasks\images.js to a dynamic import() which is available in all CommonJS modules. at Object.<anonymous> (C:\Users\Lucas\Documents\repos\nexus-materiales\gulp-tasks\images.js:2:18) at Object.<anonymous> (C:\Users\Lucas\Documents\repos\nexus-materiales\gulpfile.js:4:16) at async Promise.all (index 0) { code: 'ERR_REQUIRE_ESM' }Entonces, ¿cómo podría incluir este archivo usando commonJS si es un ESM? es posible?
Para importar un módulo ES desde el código CommonJS, use una importación dinámica .
Las importaciones de módulos ES son asíncronas: deberá asegurarse de que la importación de gulp-imagemin se haya completado antes de crear el flujo de gulp. Esto se puede lograr con gulp.series .
const { dest, series, src } = require('gulp'); let imagemin; const images = series( async () => { imagemin = await import('gulp-imagemin'); }, () => src('./src/images/**/*') .pipe( imagemin.default( [ imagemin.mozjpeg({ quality: 60, progressive: true }), imagemin.optipng({ optimizationLevel: 5, interlaced: null }) ], { silent: true } ) ) .pipe(dest('./dist/images')) ); Tenga en cuenta que utilicé imagemin.default para acceder a la exportación predeterminada de gulp-imagemin, ya que se importa dinámicamente.