۱ mohammad
خطا در اجرای minifyimage
جامعه Html & CSS ایجاد شده در ۲۵ شهریور ۱۴۰۰

سلام استاد.وقتتون بخیر.استاد بعد اجرای کد مربوط به فشرده‌سازی تصاویر،این خطا رو میده

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');
// gulp.task --> difine task
// Gulp.src --> point to file to use
//gulp.dest --> point to folder to output
//gulp.watch --> watch file and folders for changes
//print msg
gulp.task('msg', async function () {
    return console.log('this is my first task with gulp!!!');
});
//copy html files to dist folder
gulp.task('copyhtml', async function () {
    gulp.src('src/*.html')
        .pipe(gulp.dest('dist'));
});
//minify images
gulp.task()('minifyimage', async function () {
    gulp.src('src/assets/img/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/assets/img'))
});

با سلام و احترام 

برای رفع مشکل ابتدا به روز‌ترین نسخه node  را نصب بفرمایید (الان که دارم اینو مینویسم نسخه ۱۴.۱۷.۶ جدید‌ترین هست)

 بعد از نصب تمام کار‌های اولیه رو انجام بدهید.

 سپس در فایل package.json یک خط کد زیر را به فایل اضافه کنید : 

 "type":"module",

در فایل gulpfile.js برای استفاده از پکیج gulp و تمام پکیج‌های وابسته به اون که یکیش پکیج gulp-imagemin میباشد به صورت زیر عمل کنید:

کد قدیمی:

const gulp = require("gulp");

کد جدید: 

import gulp from "gulp";

برای پکیج‌های وابسته هم به همین صورت تعریف میکنیم به طور مثال برای پکیج gulp-imagemin به صورت زیر عمل میکنیم:

کد قدیمی

const imgMinify = require("gulp-imagemin");

کد جدید: 

import imgMinify from "gulp-imagemin";

ساختار کلی :  

import (نام دلخواه) from (اسم پکیج)

 

تعریف تسک‌ها نیز به همان صورت سابق هست.

 امیدوارم مفید باشه براتون :) 

 

 

 

علی طباطبایی ۰۶ مهر ۱۴۰۰، ۱۲:۲۵