Reduce Chart.js Webpack Bundle Size for Nuxt.js

Mar 21, 2020
Remove Moment.js dependency

Moment.js is installed along Chart.js as dependency

If you don't need Moment.js

Edit nuxt.config.js.

export default {  build: {    /*    ** You can extend webpack config here    */    extend (config, ctx) {      // config.resolve.alias['chart.js'] = 'chart.js/dist/Chart.js'      config.externals = {        moment: 'moment'      }    }  },}

References:

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.

Tags
Related articles
Setup Bootstrap 4 With Vue Cli 3 WebpackVue.js Code Splitting With Webpack and Vue Cli 3Fontawesome 5 Pro Npm and Webpack GuideWebpack Starter Template/Boilerplate to generate Single File Bootstrap js/cssEnable Vue.js Webpack Development With Hot Module Reloading (HMR) On External ServerSetup PWA With SWPrecacheWebpackPluginSetup Bootstrap 4 (Beta 3) With Npm And WebpackVue.js 2.x Development Build With Hot Reloading For External Server (using Webpack template)Install And Setup WebpackVue.js Webpack Split moment-timezone Into Vendor BundleVue.js Webpack Analyze Bundle SizeVuejs Webpack Template Split Vendor CSSVuejs Webpack Template Reduce Output File Hash LengthDisable ESLint no-console In DevelopmentDisable ESLint Warning for ImportsAnalyze Webpack Npm Packages File SizeReduce Moment.js Npm File Size For WebpackWebpack: ESLint jQuery $ Is Not DefinedEnable Compass For Sass On Vue.js Webpack TemplateEnable Sass On Vue.js Webpack Template