小编Akh*_*hil的帖子

Storybook 组件级 css 文件不起作用

我使用 create-react-app 创建了一个反应应用程序,并添加了一个按钮组件,一个用于按钮的 css。当我为按钮加载故事时,没有为按钮加载样式。下面粘贴相关文件。是否有我要做的任何配置,以启动并运行样式?

项目的 github 仓库

组件:index.js

 import React, { Component } from 'react';
import styles from './style.css';
class CustomButton extends Component{
    render(){
        return (
            <button className={styles.customButton}>Hello</button>     
        );
    }
}
export default CustomButton;
Run Code Online (Sandbox Code Playgroud)

样式.css:

.customButton {
    border: 1px solid red;
    padding: 10px;
    background-color: rgb(223, 19, 19);
}
Run Code Online (Sandbox Code Playgroud)

故事档案:

import React from 'react';
import CustomButton from '../../src/index';
import { storiesOf } from '@storybook/react';


const story = storiesOf("Custom button",module);

story.addWithJSX("simple",() => <CustomButton/>);
Run Code Online (Sandbox Code Playgroud)

系统信息:

Environment Info:

  System:
    OS: Windows 7 6.1.7601
    CPU: …
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs webpack storybook

6
推荐指数
1
解决办法
5787
查看次数

标签 统计

css ×1

javascript ×1

reactjs ×1

storybook ×1

webpack ×1