LoginSignup
9
3

More than 3 years have passed since last update.

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

Posted at

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

参考にしたサイト様

9
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
3