Nuxt.jsのvue-chartjsでmomentをつかわないようにする

nuxt build --analyzeしてみたら、vue-chartjsでmomentを呼んでいた。。
時刻は使ってなかったので、削除して軽くしてみたときの備忘録

nuxt.config.tsのexternalsを使えばOK

これに書いてあったのを参考に、nuxt.config.tsを設定
Standalone chartjs build (don't include moment.js) · Issue #124 · apertureless/vue-chartjs

import NuxtConfiguration from "@nuxt/config";

const config: NuxtConfiguration = {

  build: {
    extend(config, ctx) {
      // externalsにmomentを追加して、読み込まないようにする
      config.externals = {
        moment: "moment"
      };
    }
  }
};

export default config;

resolve.aliasはダメだった。。

resolve.aliasも試したけど、こっちはダメっぽい。。

import NuxtConfiguration from "@nuxt/config";

const config: NuxtConfiguration = {

  build: {
    extend(config, ctx) {
      // momentが含まれていないChart.jsを使うようにする
      if (!!config.resolve && !!config.resolve.alias) {
        config.resolve.alias["chart.js"] = 'chart.js/dist/Chart.js';
      }
    }
  }
};

export default config;

以上!!

こんなのつくってます!!

積読用の読書管理アプリ 『積読ハウマッチ』をリリースしました!
積読ハウマッチは、Nuxt.js+Firebaseで開発してます!

もしよかったら、遊んでみてくださいヽ(=´▽`=)ノ

要望・感想・アドバイスなどあれば、
公式アカウント(@MemoryLoverz)や開発者(@kira_puka)まで♪

参考にしたサイト様

Originally published at qiita.com
ツイッターでシェア
みんなに共有、忘れないようにメモ

きらぷか@積読ハウマッチ/SSSAPIなど

フリーエンジニア/今はNuxt.js/いつかFlutter 受託&アプリ/Webサービス/ゲームを #個人開発 CS修士→SIer/R&D→フリー #paiza はAランクで満足/AtCoderしたい #DMでお仕事募集はお休み中 Kotlin/Python/Swift/Unity/Java/Haskell/DDD

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント