如何用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()] } } ]