Add module alias for cleaner imports

.eslintrc.js

@@ -6,6 +6,7 @@ module.exports = {
 				map: [
 					[ 'App', './src/app' ],
 					[ 'Assets', './aseets' ],
+					[ '@modules', './vendor/newfold-labs' ],
 				],
 				extensions: [ '.js', '.jsx', '.json' ],
 			},

src/app/data/routes.js

@@ -16,7 +16,7 @@ import Performance from '../pages/performance';
 import Settings from '../pages/settings';
 import Staging from '../pages/staging';
 import Help from '../pages/help';
-import { getMarketplaceSubnavRoutes } from '../../../vendor/newfold-labs/wp-module-marketplace/components/marketplaceSubnav';
+import { getMarketplaceSubnavRoutes } from '@modules/wp-module-marketplace/components/marketplaceSubnav';
 import { ReactComponent as HelpIcon } from '../components/icons/HelpIcon.svg';
 
 const addPartialMatch = ( prefix, path ) =>

src/app/index.js

@@ -21,7 +21,7 @@ import { SiteInfoBar } from './components/site-info';
 import { NotificationFeed } from './components/notifications';
 
 // component sourced from module
-import { default as NewfoldNotifications } from '../../vendor/newfold-labs/wp-module-notifications/assets/js/components/notifications/';
+import { default as NewfoldNotifications } from '@modules/wp-module-notifications/assets/js/components/notifications/';
 // to pass to notifications module
 import apiFetch from '@wordpress/api-fetch';
 import { addQueryArgs } from '@wordpress/url';

src/app/pages/marketplace/index.js

@@ -10,7 +10,7 @@ import {
 } from 'App/components/section';
 import { NewfoldRuntime } from '@newfold-labs/wp-module-runtime';
 // component sourced from marketplace module
-import { default as NewfoldMarketplace } from '../../../../vendor/newfold-labs/wp-module-marketplace/components/marketplace/';
+import { default as NewfoldMarketplace } from '@modules/wp-module-marketplace/components/marketplace/';
 
 const MarketplacePage = () => {
 	// constants to pass to module

src/app/pages/performance/index.js

@@ -17,7 +17,7 @@ import {
 	bluehostPurgeCacheApiFetch as newfoldPurgeCacheApiFetch,
 } from 'App/util/helpers';
 
-import { default as NewfoldPerformance } from '../../../../vendor/newfold-labs/wp-module-performance/components/performance/';
+import { default as NewfoldPerformance } from '@modules/wp-module-performance/components/performance/';
 
 const PerformancePage = () => {
 	// constants to pass to module

src/app/pages/staging/index.js

@@ -12,7 +12,7 @@ import {
 } from 'App/components/section';
 import { useNotification } from 'App/components/notifications';
 // component sourced from staging module
-import { default as NewfoldStaging } from '../../../../vendor/newfold-labs/wp-module-staging/components/staging/';
+import { default as NewfoldStaging } from '@modules/wp-module-staging/components/staging/';
 
 const Staging = () => {
 	// constants to pass to module

webpack.config.js

@@ -11,6 +11,7 @@ const alias = {
 	Assets: path.resolve( __dirname, '/assets/' ),
 	Store: path.resolve( __dirname, '/src/app/data/store.js' ),
 	Routes: path.resolve( __dirname, '/src/app/data/routes.js' ),
+	'@modules': path.resolve( __dirname, '/vendor/newfold-labs/' ),
 };
 /**
  * Make most-common imports available globally to ease import debt.