2024-10-02

引入tailwind,className

我用postcss插件，所以从Using PostCSS开始

1 2	npm install -D tailwindcss postcss autoprefixer npx tailwindcss init

顺着官网就行了，只要注意main.css必须在src下

修改配置

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
  corePlugins:{
    preflight: false,
  }
}

1	npm install classnames

截至到此，已经完成初始化，以及绑定npm账号并已把组件库发布至npm的账号上了

回想一下遇到的奇事

1.package.json里的配置配错了 "types": "dist/index.d.ts"写成了"types": "dist/type/index.d.ts",

导致我下载引入组件时报错，说找不到模块类型类型。

2.组件源码的src/index.ts没有导出任何组件，导致报错，别处下载引用时必须要带上wx-desginui/xx/xx/xx。

3.classNames和tailwind写的样式，有时候挺玄学的，如果双引号里稍微打个空格，或者没打空格，都会导致样式可能渲染不出来捏。

4.从原始人到现代人的过程：最开始调试样式或者测试组件功能时，仅通过发布npm更新，然后在别处下载引用通过这样子调试。这绝对不是什么常用的方法，于是我找到了另一种方法，不需要发布更新而在本地调试的方法：

npm link 这需要另一个应用程序，这个方法还另有一个缺点：时间长了会断连接，需要重新连接。于是，找到了最新的方法：Storybook，仅本地调试，不需要再开另一个应用了。