stupidmanyi/suspend-button

a react suspend-button

suspend-button's Issues

优化css引入（使用css-module）

webpack.config.js处的css-loader配置更改为

{
 test: /\.(css)$/,
 use: ["style-loader", {
       loader: 'css-loader',
       options: {
          modules: true,
       }
  }],
}

src根目录下(注意不是examples的src根目录)新增global.d.ts文件，内容如下，这样tsx引入就不会报错了

declare module '*.css'

src/index.tsx中css引入方式更改为

import styles from './styles.css';

这个时候输出styles就会正确编译为module了

由于更改了css的使用方式，tsx中使用了className的地方需要做调整

// 大概65行处：
current.className = current.className + ` ${styles['suspend-button-ts-animate']}`;

// 大概186行处:
className={`${styles['suspend-button-ts']}`}

// 大概171行处
current.className = current.className + ` ${styles['suspend-button-ts-animate']}`;

脚手架可以使用vite、create-react-app