小编use*_*306的帖子

如果这是一个明显的问题，我很抱歉，这是我第一次尝试构建组件库。

我正在使用 Tailwind CSS 3 构建 React 组件库。当我使用 Storybook 运行组件时，它们会按预期显示。但是，当我与 Rollup 捆绑时，会应用类名称，但 CSS 不包含在构建中。

这是我的tailwind.config.js文件：

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
};

我的rollup.config.js文件：

import babel from 'rollup-plugin-babel';
import external from 'rollup-plugin-peer-deps-external';
import resolve from '@rollup/plugin-node-resolve';
import postcss from 'rollup-plugin-postcss';
import { terser } from 'rollup-plugin-terser';

const packageJson = require('./package.json');

export default [
  {
    input: 'src/index.js',
    output: [
      {
        file: packageJson.module,
        format: 'esm',
        sourcemap: true,
      },
    ],
    plugins: [
      postcss({
        config: …

我想通过单击滚动到页面的不同部分，但我不希望地址栏中的 URL 更新。

例如，about我的页面上有一个部分，其 ID 为：

<div id='about'>

通过单击页面上的链接，我想滚动到此部分。我已经能够使用该<Link>组件和使用 来执行此router操作，但是使用这两个组件，我无法在不更新 URL 的情况下执行此操作。

例如，使用router，我会：

router.replace(`/#about`);

这工作正常，除了 URL 更新为myurl.com/#about，因为我想将 URL 保留为myurl.com。

我尝试使用第二个as参数来设置 URL，例如：

router.replace(`/#about`, '/');

然而，这只是破坏了链接。

有人知道如何在不更新 URL 的情况下实现这一目标吗？我没有找到任何示例，文档中也没有任何有用的内容。

感谢任何能提供帮助的人！