Question

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

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

哪个效果很好 - 现在在任何子文件夹的.less文件中我都可以@import 'globals'来获取变量。

但是我使用Atom和“无衬垫”＆＃39;插件，以及带有消息globals.less wasn't found. Tried [...]的导入语句的红色下划线 - 在Atom的less-linter包设置中，有一个＆＃39; Include Path＆＃39;表示＆＃34;设置包含路径的订单项。用＆＃39;，＆＃39;＆＃34;分开我尝试过src / styles，。/ src / styles，＆＃39; src / styles＆＃39;，＆＃39; / src / styles＆＃39;没有成功。我的文件夹结构看起来像ROOT＆gt; src＆gt;风格＆gt; globals.less。我想知道是否有人知道更好的方式，或者我是否只是在这些设置中错误地使用路径。

Answer 1

原来你必须在设置中放置完整的路径，例如，Users / username / dev / projectname / etc ...也许有办法制作相对于项目的路径，但是我怀疑它

如何让Atom的少量内容能够理解Webpack的加载器路径

1 个答案: