migrate از وب پک 3 به 4

3 سال پیش توسط AREZOO مطرح شد
آفلاین
user-avatar
AREZOO ( 5736 تجربه )
3 سال پیش
تخصص : برنامه نویس frontend

لینک کوتاه اشتراک گذاری

1

سلام من میخوام از React Styleguidist استفاده کنم برای داکیومنت کردن پروژه
که میگه وب پک رو باید حداقل رو ورژن 4 باشه
ممنون میشم راهنمایی کنید

آنلاین
user-avatar
حسام موسوی ( 459435 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

لینک کوتاه اشتراک گذاری

1

در لینک زیر کامل توضیح داده شده .
https://webpack.js.org/migrate/4/

آفلاین
user-avatar
علی بیات ( 439989 تجربه )
3 سال پیش
تخصص : توسعه دهنده ارشد وب

لینک کوتاه اشتراک گذاری

1
  • نسخه NodeJs باید از ۶ بالاتر باشه
  • در کنار webpack باید webpack-cli رو هم نصب کنید.
    npm install webpack webpack-cli --save-dev
  • قرار دادن mode داخل آبجکت تنظیمات وب‌پک
        module.exports = {
        // ...
        mode: 'production', // production or development
        }
  • پلاگین هایی که بصورت پیش‌فرض در production فعال هستند و میتونید از تنظیمات حذف کنید:
    module.exports = {
    // ...
    plugins: [
    new NoEmitOnErrorsPlugin(),
    new ModuleConcatenationPlugin(),
    new DefinePlugin({ "process.env.NODE_ENV": JSON.stringify("production") })
    new UglifyJsPlugin()
    ],
    }
  • پلاگین هایی که بصورت پیش‌فرض در development فعال هستند و میتونید از تنظیمات حذف کنید:
    module.exports = {
    // ...
    plugins: [
    new NamedModulesPlugin()
    ],
    }
  • پلاگین هایی که حذف شدند و میتونید از تنظیمات حذف کنید:
    module.exports = {
    // ...
    plugins: [
    new NoErrorsPlugin(),
    new NewWatchingPlugin()
    ],
    }
  • و چند مورد دیگه که در لینک بالا, آقای موسوی اشاره کرد.
آفلاین
user-avatar
AREZOO ( 5736 تجربه )
3 سال پیش
تخصص : برنامه نویس frontend

لینک کوتاه اشتراک گذاری

0

ممنونم از ‍‍پاسختون
من ورژنش رو تغییر دادم ولی زمانی که yarn start میزنم ک برنامم ران بشه این ارور رو میده خیلی هم سرج کردم متوجه مشکل نشدم
this.htmlWebpackPlugin.getHooks is not a function
ورژن htmlWebpackPlugin. هم 3.2.0 هست
ممنون میشم راهنمایی کنید

آفلاین
user-avatar
علی بیات ( 439989 تجربه )
3 سال پیش
تخصص : توسعه دهنده ارشد وب

لینک کوتاه اشتراک گذاری

1

@arzalipanah

مشکل از نسخه پلاگین html-webpack-plugin هست که استفاده می‌کنید.
متد getHooks در نسخه ۴ به بالای این پلاگین موجود هست و نسخه‌های قدیمی‌تر توابع استاتیک رو ارائه نمی‌دهند.

پلاگین رو به نسخه زیر آپدیت کنید.
npm:

        npm install --save-dev [email protected]

yarn:

        yarn add --dev [email protected]
آفلاین
user-avatar
AREZOO ( 5736 تجربه )
3 سال پیش
تخصص : برنامه نویس frontend

لینک کوتاه اشتراک گذاری

0

سلام
این رو انجام دادم ولی مشکل فکر نمیکنم از این باشه
و رفع نشد
این نسخه هم استیبل نیست انگار

آفلاین
user-avatar
AREZOO ( 5736 تجربه )
3 سال پیش
تخصص : برنامه نویس frontend

لینک کوتاه اشتراک گذاری

0

new InterpolateHtmlPlugin(HtmlWebpackPlugin,env.raw) رو در تنظیمات وب پک قرار دادم و مشکلش برطرف شد
از شما و اقای موسوی هم خیلی ممنونم

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.