Question

我希望能够在我的应用的根目录中找到一个文件夹＆＃34; src＆＃34;包含可重复使用的CSS，我可以在css模块wi

中编写

在我的CSS中，我的班级没有composes: table from './../../../css-vars/index.css';，但我试图能够使用composes: table from 'css-vars/index.css';并让它解决我项目的根目录。目前，当我尝试这个时，我得到了这个错误：

Module not found: 'css-vars/index.css' in /Users/jfarina/Desktop/schedule-react/src/components/layout

这是我的css加载器的样子：

{
  test: /\.css$/,
  loaders: [
    'style?sourceMap',
    'css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
    'postcss-loader'
  ]
},

有什么想法吗？

我通过在源代码中添加路径，解决了与postcss smart-import类似的问题。 css-loader有类似的解决方案吗？我注意到有一个根查询参数，但添加了没有帮助

smartImport({
  addDependencyTo: webpack,
  path: [ path.resolve(__dirname, 'src') ]
})

Answer 1

您可以尝试postcss-modules-resolve-imports

如何在css模块中使用绝对路径来组成其他类而不是相对路径

1 个答案: