如何用gatsby项目设置.less？

Question

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

Answer 1

您需要通过将插件添加到您的“激活” gatsby-config.js文件中的根文件夹中，然后你只需要导入的文件少您的布局/ index.js`，也包括

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

PostCSS处理一些默认的优化，例如autoprefixing，共同跨浏览器的Flexbox的错误。通常情况下，您不需要考虑它，但是如果您希望将其他后处理添加到Less输出中，则可以指定插件在插件选项中。

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