Wie richte ich .less mit einem Gatsby-Projekt ein?

Question

I "M mit dem Gatsby-Plugin-less-Plugin, aber es gibt keine realen Richtungen und es scheint nicht Plug-and-Play.

Answer 1

müssten Sie das Plugin" aktivieren ", indem Sie es zu Ihrem hinzufügen gatsby-config.js Datei im Stammordner. Dann importieren Sie einfach die weniger Datei in Ihrem Layout/index.js`.

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

PostCSS ist ebenfalls enthalten einige Standard Optimierungen wie autoprefixing und gemeinsame Cross-Browser Flexbox Fehler zu behandeln. Normalerweise müssen Sie nicht darüber nachdenken, aber wenn Sie lieber Ihre Less-Ausgabe um zusätzliche Nachbearbeitung erweitern möchten, können Sie Plugins angeben in den Plugin-Optionen.

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