feat: initial config for UI slot

config/.eslintrc.js

@@ -1,3 +1,4 @@
+const path = require('path');
 const { babel } = require('../lib/presets');
 
 module.exports = {
@@ -9,6 +10,21 @@ module.exports = {
       configFile: babel.resolvedFilepath || babel.defaultFilepath,
     },
   },
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: path.resolve(__dirname, 'webpack.dev.config.js'),
+      },
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
+      },
+      alias: {
+        map: [
+          ['@root_path', path.resolve(process.cwd(), '.')],
+        ],
+      },
+    },
+  },
   rules: {
     'import/no-extraneous-dependencies': [
       'error',
@@ -35,6 +51,7 @@ module.exports = {
     }],
     'import/no-import-module-export': 'off',
     'react/function-component-definition': [2, { namedComponents: 'arrow-function' }],
+    'import/prefer-default-export': 'off',
   },
   globals: {
     newrelic: false,

config/jest.config.js

@@ -21,6 +21,8 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': path.resolve(__dirname, 'jest/fileMock.js'),
     '\\.(css|scss)$': 'identity-obj-proxy',
     'env.config': envConfigPath,
+    '@node_modules/(.*)': '<rootDir>/node_modules/$1',
+    '@root_path/(.*)': '<rootDir>/$1',
   },
   collectCoverageFrom: [
     'src/**/*.{js,jsx}',

config/webpack.common.config.js

@@ -11,13 +11,15 @@ module.exports = {
   resolve: {
     alias: {
       'env.config': path.resolve(process.cwd(), './env.config'),
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
     },
     fallback: {
       // This causes the system to return an empty object if it can't find an env.config.js file in
       // the application being built.
       'env.config': false,
     },
-    extensions: ['.js', '.jsx'],
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   ignoreWarnings: [
     // Ignore warnings raised by source-map-loader.

config/webpack.dev-stage.config.js

@@ -38,7 +38,12 @@ module.exports = merge(commonConfig, {
     publicPath: PUBLIC_PATH,
   },
   resolve: {
-    alias: aliases,
+    alias: {
+      ...aliases,
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   module: {
     // Specify file-by-file rules to Webpack. Some file-types need a particular kind of loader.

config/webpack.dev.config.js

@@ -38,7 +38,11 @@ module.exports = merge(commonConfig, {
     publicPath: PUBLIC_PATH,
   },
   resolve: {
-    alias: aliases,
+    alias: {
+      ...aliases,
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
+    },
     extensions: ['.js', '.jsx', '.ts', '.tsx'],
   },
   module: {

config/webpack.prod.config.js

@@ -64,6 +64,13 @@ module.exports = merge(commonConfig, {
     path: path.resolve(process.cwd(), 'dist'),
     publicPath: process.env.PUBLIC_PATH || '/',
   },
+  resolve: {
+    alias: {
+      '@node_modules': path.join(process.cwd(), 'node_modules'),
+      '@root_path': path.join(process.cwd(), '.'),
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
+  },
   module: {
     // Specify file-by-file rules to Webpack. Some file-types need a particular kind of loader.
     rules: [