eureka

Nuxtのビルド時に [warn] vendor has been deprecated due to webpack4 optimization

0

前回のvue-awesome-swiperの実装時に参考にしたこちらのサイトで、nuxt.config.jsの設定にbuildの設定がありました。

module.exports = {
  build: {
    vendor: [
      'vue-awesome-swiper'
    ]
  }
}

Nuxtの公式にはvendorの設定について触れておらず、挙動が気になったのでちょっと試しに実験することにしました。

Contents

環境

nuxt 2.14.0

結論

nuxt generate で下記の警告が出るようになりました。

[warn] vendor has been deprecated due to webpack4 optimization

Nuxt v2からwebpack4を使用している関係上、vendorを設定する必要がなくなったようです。

Well, we still have vendors chunk but it will be handled all automatically and much much more efficient. From this release, We don’t use CommonsChunkPlugin anymore so you don’t have to explicitly define vendors inside your project. 

Nuxt 2 is coming! Oh yeah!

てなことなのでNuxt公式に書いてなかったのは非推奨になったからかもしれませんね。

nuxt.config.jsからvendorの記述を削除したらWarningも消えます。

現場からは以上です!

0