gatsby-plugin-stylable's Introduction

gatsby-plugin-stylable

Gatsby plugin for enabling wix/stylable support.

Install

npm install --save gatsby-plugin-stylable

How to use

Just install this plugin and enable it in your gatsby-config.js.

// gatsby-config.js

module.exports = {
  plugins: [`gatsby-plugin-stylable`],
}

If you have any other plugins that add CSS loaders to your Webpack config, make sure to place this plugin after them.

If you want to configure @stylable/webpack-plugin, you may pass additional configuration options as shown below (the default configuration is shown):

// gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-stylable`,
      options: {
        experimentalHMR: false,
        optimize: {
          classNameOptimizations: false,
          shortNamespaces: false,
        },
      },
    },
  ],
}

NOTE: optimize.classNameOptimizations and optimize.shortNamespaces are disabled since they will break production builds. Re-enable them at your own risk.

Options

This plugin support any configuration options available to @stylable/webpack-plugin. For a full list, see here.

License

gatsby-plugin-stylable's People

Contributors

Stargazers

Watchers

gatsby-plugin-stylable's Issues

Remove "stylable" from peerDependencies

It's really great to see this plugin working, and people using it!

I just noticed that you reference the stylable package in your package.json under peerDependencies. You should remove it, as it references an old package, before we moved to a scoped organization on npm. It's not needed there regardless..

Keep up the great work. :)

Style not loading on index after deployment

I've installed the plugin and all works fine on localhost, but as soon as I deploy the site using Netlify and refresh the url no style is loaded. I've noticed that also when I navigate to another page, all the styles load fine and even work when I come back on the first page. However, as soon as I refresh the page, styles are gone again.

Here's the the link to the site https://miadori-staging.netlify.com

I've added you to the repo in case you want to check the code. Let me know if you could help.
Thank you

Recommend Projects

superhawk610 / gatsby-plugin-stylable Goto Github PK

gatsby-plugin-stylable's Introduction

gatsby-plugin-stylable

Install

How to use

Options

License

gatsby-plugin-stylable's People

Contributors

Stargazers

Watchers

Forkers

gatsby-plugin-stylable's Issues

Remove "stylable" from peerDependencies

Style not loading on index after deployment

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent