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

Atlassian Ecosystem Design
,
1

Hi,

I am following the get started guide here:
https://atlassian.design/get-started/develop/#get-help

I understand everything up until this bit of code:

module.exports = {
  plugins: [
    '@atlaskit/design-system',
  ],
  extends: [
    'plugin:@atlaskit/design-system/recommended',
  ],
};

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.

2

Hello
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.
'''diff
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
3

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

4 Likes