Question

我的scss文件的相对导入无法用于storybook's webpack配置。实际应用程序的Webpack配置工作正常。

这是我的项目结构：

-- project
  |-- .storybook
  |  |-- webpack.config.js
  |
  |-- src
  |  |-- assets
  |  |  |-- styles.scss   // @import './_table'
  |  |  |-- _table.scss
  |  |
  |  |-- index.js .      // import './assets/style.scss'
  |
  |-- story
  |  |-- story.index.js  // import '../src/assets/styles.scss' - HERE `_table.scss` not working
  |
  |-- webpack.config.js

似乎我的主./_table.scss的{{1}}相对导入没有被加载，因为渲染组件时样式似乎是错误的。

以下是webpack配置：

项目的

styles.scss

故事书的一个

...
entry: [
  './src/index.js'
],
...
  {  
    test: /\.scss$/,
    use: [ 'style-loader', 'css-loader', 'sass-loader' ]
  }

无效的导入是：

  {
    test: /\.scss$/,
    loaders: ["style-loader", "css-loader", "sass-loader"],
    include: path.resolve(__dirname, '../')
  },

为什么相对导入它不起作用，我有什么遗漏吗？或者您在我的Webpack配置上需要更多信息？（我认为还有其他有用的东西）

Webpack - 使用Storyboard导入相对SCSS

0 个答案: