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

きらぷか@i18n補助ツール『トランスノート』開発者

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

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

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

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

ボードとは?

関連記事

コメント