如何让Atom的less-linter理解Webpack的less-loader路径

Question

我有一个使用较少的react/webpack SPA。我希望能够在任何.less文件中导入全局变量文件('globals.less')，而不必担心相对路径(‘../styles/globals.less’等)，所以我更改了我的较少的webpack规则，以指定路径：

        {
          loader: 'less-loader',
          options: {
            paths: [
              path.resolve(ROOT_PATH, 'node_modules'),
              path.resolve(ROOT_PATH, 'src/styles')
            ]
          }
        }

这非常有效--现在在任何子文件夹的.less文件中，我只需转到@import 'globals'，就可以得到我的变量。

但我使用的是带有'linter-less‘插件的Atom，它用红色下划线标出了带有消息globals.less wasn't found. Tried [...]的import语句--在Atom的less-linter包设置中有一个'Include Path’行项目，上面写着“设置包含路径。由'，‘分隔”，我已经尝试了src/样式，./src/样式，’src/样式‘，’/src/样式‘，’/src/样式‘的变体，但都没有成功。我的文件夹结构看起来像根目录>源>样式> globals.less。我想知道是否有人知道更好的方法，或者我只是在这些设置中错误地使用了路径。

Answer 1

原来你必须在设置中输入完整的路径，例如，Users/username/dev/projectname/etc...也许有一种方法可以创建与项目相关的路径，但我对此表示怀疑