2

scss我的文件的相对导入不适用于故事书的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我的 main 的相对导入styles.scss没有被加载，因为在渲染组件时样式似乎错误。

这是两个 webpack 配置：

项目之一

...
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, '../')
  },

不起作用的导入是：

// <root>/src/assets/styles.scss
@import './_table'

关于为什么相对导入不起作用，我有什么遗漏吗？或者你需要更多关于我的 Webpack 配置的信息？（我认为没有其他帮助）

4

0 回答 0