removes payload alias within webpack config

demo/client/components.js

@@ -2,7 +2,7 @@ import PageList from '../collections/Page/components/List';
 
 const components = {
   pages: {
-    // List: PageList,
+    List: PageList,
   },
 };
 

demo/collections/Page/components/List/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import DefaultTemplate from 'payload/client/components/layout/DefaultTemplate';
+import DefaultTemplate from '../../../../../src/client/components/layout/DefaultTemplate';
 
 import './index.scss';
 
@@ -18,6 +18,7 @@ const PageListView = (props) => {
     >
       <h1>{collection.labels.plural}</h1>
       <p>This is a custom Pages list view</p>
+      <p>Sup</p>
     </DefaultTemplate>
   );
 };

demo/collections/Page/components/List/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../../src/client/scss/styles.scss';
 
 .collection-list {
   .heading-button {

demo/collections/Page/index.js

@@ -122,8 +122,5 @@ module.exports = {
       ],
     },
   ],
-  components: {
-    // List,
-  },
   timestamps: true,
 };

demo/payload.config.js

@@ -16,12 +16,10 @@ module.exports = {
   port: 3000,
   serverURL: 'http://localhost:3000',
   cors: ['http://localhost', 'http://localhost:8080', 'http://localhost:8081'],
-  adminURL: '/payload-login',
   routes: {
     api: '/api',
     admin: '/admin',
   },
-  plugins: [],
   compression: {},
   paths: {
     scssOverrides: path.resolve(__dirname, 'client/scss/overrides.scss'),

src/client/components/controls/Button/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .btn {
     @extend %uppercase-label;

src/client/components/forms/Form/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .form {
   @include row;

src/client/components/forms/Label/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 label.field-label {
   display: flex;

src/client/components/forms/Submit/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 form > .form-submit {
   @include gutter;

src/client/components/forms/field-types/Email/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 @import '../shared';
 
 .field-type.email {

src/client/components/forms/field-types/Number/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 @import '../shared';
 
 .field-type.number {

src/client/components/forms/field-types/Password/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 @import '../shared';
 
 .field-type.password {

src/client/components/forms/field-types/Text/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 @import '../shared';
 
 .field-type.text {

src/client/components/forms/field-types/Textarea/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 @import '../shared';
 
 .field-type.textarea {

src/client/components/forms/useFieldType/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .field-type {
   @include gutter;

src/client/components/layout/ContentBlock/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .content-block {
   max-width: $content-width;

src/client/components/layout/DefaultTemplate/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .default-template {
   padding: $base;

src/client/components/layout/Section/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 section.section {
   @extend %shadow;

src/client/components/layout/Sidebar/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .sidebar {
   position: fixed;

src/client/components/layout/Sticky/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .sticky {
   z-index: 10;

src/client/components/layout/Table/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 table {
   width: 100%;

src/client/components/modules/APIUrl/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .api-url {
   .url {

src/client/components/modules/Localizer/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .localizer {
   position: relative;

src/client/components/modules/Pagination/PaginationNode/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 
 .pagination-node {
   @extend %btn-reset;

src/client/components/modules/Pagination/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .pagination {
   margin-top: base(.5);

src/client/components/modules/Status/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .status-list {
   @include gutter;

src/client/components/modules/StepNav/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .step-nav {
   display: flex;

src/client/components/modules/StickyHeader/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .sticky-header {
   @include gutter;

src/client/components/modules/Tooltip/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../scss/styles.scss';
 
 .tooltip {
 	@extend %uppercase-label;

src/client/components/views/collections/Edit/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 
 .collection-edit {
   &__header {

src/client/components/views/collections/List/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/styles.scss';
 
 .collection-list {
   .heading-button {

src/client/components/views/globals/Edit/index.scss

@@ -1,4 +1,4 @@
-@import '~payload/client/scss/styles';
+@import '../../../../scss/vars.scss';
 
 .global-edit {
   &__header {