Where do I place these configuration values? (module.exports)


I am following the get started guide here:

I understand everything up until this bit of code:

module.exports = {
  plugins: [
  extends: [

Where does the above code go? It looks like webpack format?

These are the commands I’ve run sofar:

npm i react@16.8 react-dom@16.8 typescript@4.5
npm i @atlaskit/css-reset @atlaskit/tokens
npm i @atlaskit/eslint-plugin-design-system --save-dev

I’m just confused about the module.exports code above. Can someone point me in the right direction?

Thanks so much.

Before the code you mention, there is call to install @atlaskit/eslint-plugin-design-system. After I did it, there is README.md file that contain following lines:

Add the plugin to your `.eslintrc.js` file.
module.exports = {
  plugins: [
+    '@atlaskit/design-system',
''' (...)

So it looks like the lines should go to configuration .eslintrc.js file. In my case it’s not that direct as I have .eslintrc.json file. But that’s only different format of the same file. More info here.

Hope this helps.

1 Like

I work on the Atlassian Design System and that seemed like a very easy and sensible question and answer—so I’ve updated the documentation to match: ‎‎Develop - Get started - Atlassian Design System