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

2019-11-16T23:43:05+09:00

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)まで♪

「moment.js」の記事 - Crieit

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

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

resolve.aliasはダメだった。。

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

参考にしたサイト様