如何使用gatsby项目设置.less？

Question

我使用gatsby-plugin-less插件，但没有真正的指示，它似乎不是即插即用。

Answer 1

你需要＆＃34;激活＆＃34;插件将其添加到根文件夹中的gatsby-config.js文件中。然后你只需在layout / index.js`中导入less文件。

// in gatsby-config.js
plugins: [
  `gatsby-plugin-less`
]

还包括PostCSS来处理一些默认优化，如自动修复和常见的跨浏览器flexbox错误。通常您不需要考虑它，但如果您希望在Less输出中添加额外的后处理，则可以在插件选项中指定插件。

plugins: [
  {
    resolve: `gatsby-plugin-less`,
    options: {
      postCssPlugins: [somePostCssPlugin()]
    }
  }
]