fix: lint problems

.eslintignore

@@ -4,5 +4,3 @@ dist
 docs
 node_modules
 src/analytics/segment.js
-src/react/PluggableComponent
-src/react/utils/contextFactory

.eslintrc.js

@@ -1,8 +1,22 @@
+const path = require('path');
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { getBaseConfig } = require('@openedx/frontend-build');
 
 const config = getBaseConfig('eslint');
 
+config.settings = {
+  'import/resolver': {
+    webpack: {
+      config: path.resolve(__dirname, 'webpack.dev.config.js'),
+    },
+    alias: {
+      map: [
+        ['@communications-app', '.'],
+      ],
+      extensions: ['.ts', '.js', '.jsx', '.json'],
+    },
+  },
+};
 config.rules = {
   'import/no-extraneous-dependencies': ['error', {
     devDependencies: [
@@ -12,11 +26,12 @@ config.rules = {
       'example/*',
     ],
   }],
+  'import/prefer-default-export': 'off',
   'import/extensions': ['error', {
-    ignore: ['@edx/frontend-platform*'],
+    ignore: ['@edx/frontend-platform*', '@openedx/frontend-build*'],
   }],
   'import/no-unresolved': ['error', {
-    ignore: ['@edx/frontend-platform*'],
+    ignore: ['@edx/frontend-platform*', '@openedx/frontend-build*'],
   }],
   'jsx-a11y/anchor-is-valid': ['error', {
     components: ['Link'],
@@ -25,4 +40,13 @@ config.rules = {
   }],
 };
 
+config.overrides = [
+  {
+    files: ['plugins/**/*.jsx'],
+    rules: {
+      'import/no-extraneous-dependencies': 'off',
+    },
+  },
+];
+
 module.exports = config;

example/ExamplePage.jsx

@@ -8,7 +8,6 @@ import { ensureConfig, mergeConfig, getConfig } from '@edx/frontend-platform';
 import PluggableComponent from '@root_path/src/react/PluggableComponent';
 import messages from './messages';
 
-
 mergeConfig({
   EXAMPLE_VAR: process.env.EXAMPLE_VAR,
 });
@@ -51,11 +50,11 @@ class ExamplePage extends Component {
         <p>JS_FILE_VAR var came through: <strong>{getConfig().JS_FILE_VAR}</strong></p>
         <p>Visit <Link to="/authenticated">authenticated page</Link>.</p>
         <p>Visit <Link to="/error_example">error page</Link>.</p>
-        <PluggableComponent 
-          id="pluggable-component-test" 
-          as="any-mfe-plugins-test" 
+        <PluggableComponent
+          id="pluggable-component-test"
+          as="any-mfe-plugins-test"
           title="This is my button plugin"
-         />
+        />
       </div>
     );
   }