isl-components

Reusable components for ISL

Usage

This library is meant to be installed directly or templated for any project and then be used internally to do development

In this directory, when ready to use in a different library run

npm link

In the target directory run the following to begin testing locally

npm link isl-components

Troubleshooting

When using styled components in the application implementing this library, you'll need to add the "resolve" line to your webpack config to get the styled-components to not conflict with one another when doing local development.

Documentation on styled-components conflicting node modules.

(This example is for a Gatsby gatsby-node.js file, but can be converted to vanilla webpack usage)

exports.onCreateWebpackConfig = ({
  stage,
  getConfig,
  rules,
  loaders,
  actions,
}) => {
  actions.setWebpackConfig({
    resolve: {
      alias: {
        "styled-components": path.resolve(
          __dirname,
          "node_modules",
          "styled-components"
        ),
      },
    },
  })
}