我正在处理一个NextJs项目，我已经看到了两种从.mode.scss文件导入CSS类的方法。
选项1：

import * as styles from './page.module.scss';

Classes used like this: 
<div className={styles.myClass} />

选项2：

import {myClass} from './page.module.scss';

Classes used like this:
<div className={myClass} />

我一直使用选项2，因为只在呈现中编写类名而不是使用大量的“样式”看起来要干净得多。到处都是。
然而，我了解到，出于某种原因，选项2不适用于故事书？为了让它正常工作，我不得不写下以下内容作为一种解决办法：

import styles from './page.module.scss';
const { myClass } = styles;

所以我想知道，在功能层面上，2有什么不同？