Javascript 将meteor中的样式导入React故事书

我正试图用Meteor1.4项目建立react故事书，该项目包含twbs:bootstrap3包和一些自定义样式

从设置样式的链接中读取信息后，我有以下代码：

const path = require('path');

module.exports = {
  module: {
    loaders: [
      {
        test: /\.less?$/,
        loader: ["style", "css", "less"],
        include: path.resolve(__dirname, '../'),
      },
      {
        test: /\.css?$/,
        loader: ["style", "raw"],
        include: path.resolve(__dirname, '../'),
      },
   }
}

这是我的故事

import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import { styles } from './shared';
import HomeSearch from '../features/Search/components/HomeSearch/HomeSearch.jsx';

storiesOf('HomeSearch', module)
  .add('normal', () => { 
      return getItem();
    });


function getItem() {
  return <HomeSearch /> 
}

从“React”导入React；
从“@kadira/storybook”导入{storiesOf，action}”；
从“./shared”导入{style}；
从“../features/Search/components/HomeSearch/HomeSearch.jsx”导入HomeSearch；
storiesOf（'HomeSearch'，模块）
.add（'normal'，（）=>{
返回getItem（）；
});
函数getItem（）{
返回
}

---

但是我不知道如何将这些“打包”样式导入到故事中。

如果CSS是预编译的，并且是全局的，您可以在自定义preview-head.html文件中添加标记。见：

---

如果CSS是非全局的，或者需要处理，则需要将正确的加载程序添加到自定义网页包配置中。请参见

如果CSS是预编译且全局的，则可以在自定义preview-head.html文件中添加标记。见：

---

如果CSS是非全局的，或者需要处理，则需要将正确的加载程序添加到自定义网页包配置中。请参见

第一个代码片段中的代码是css加载程序的网页包配置（需要使用npm安装）。您仍然需要构建样式表。我不确定我是否完全理解你的要求。@nicholaschris我不熟悉网页包的工作原理，我想从我的meteor项目中获取样式，并在我的故事书故事中使用它们。我发布的链接中提供的信息只是给了我该代码（或者更确切地说是导入.css文件的代码，我假设我正确地修改了less和sass）。谢谢。第一个代码片段中的代码是css加载程序的网页包配置（需要使用npm安装）。您仍然需要构建样式表。我不确定我是否完全理解你的要求。@nicholaschris我不熟悉网页包的工作原理，我想从我的meteor项目中获取样式，并在我的故事书故事中使用它们。我发布的链接中提供的信息只是给了我该代码（或者更确切地说是导入.css文件的代码，我假设我正确地修改了less和sass）。谢谢