migrate از وب پک 3 به 4

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

• نسخه 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()
  ],
  }

• و چند مورد دیگه که در لینک بالا, آقای موسوی اشاره کرد.

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

@arzalipanah

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

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

        npm install --save-dev html-webpack-plugin@4.0.0-alpha.2

yarn:

        yarn add --dev html-webpack-plugin@4.0.0-alpha.2

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

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