Lastly, let’s create the `src/acquisitions.js` file with the following contents:
```jsx
-import { Chart } from 'chart.js/auto'
+import Chart from 'chart.js/auto'
(async function() {
const data = [
Then, create the `src/dimensions.js` file with the following contents:
```jsx
-import { Chart } from 'chart.js/auto'
+import Chart from 'chart.js/auto'
import { getDimensions } from './api'
(async function() {
We can see that Chart.js and other dependencies were bundled together in a single 265 KB file.
-To reduce the bundle size, we’ll need to apply a couple of changes to `src/acquisitions.js` and `src/dimensions.js`. First, we’ll need to remove the following import statement from both files: `import { Chart } from 'chart.js/auto'`.
+To reduce the bundle size, we’ll need to apply a couple of changes to `src/acquisitions.js` and `src/dimensions.js`. First, we’ll need to remove the following import statement from both files: `import Chart from 'chart.js/auto'`.
Instead, let’s load only necessary components and “register” them with Chart.js using `Chart.register(...)`. Here’s what we need in `src/acquisitions.js`: