Custom Login Page Styling and Script Setup

inc/classes/class-assets.php

@@ -20,6 +20,7 @@ protected function __construct(){
     protected function set_hooks() {
         add_action('wp_enqueue_scripts', [ $this, 'register_styles']);
         add_action('wp_enqueue_scripts', [ $this, 'register_scripts']);
+        add_action('login_enqueue_scripts', [$this, 'login_assests']);
     }
 
     public function register_styles() {
@@ -112,5 +113,17 @@ public function register_scripts() {
         wp_register_script('main', $path, array('wp-api'), $version_info , true );
         wp_enqueue_script('main');
     }
+
+    public function login_assests(){
+      $path_css= LNARCHIVE_BUILD_CSS_URI . '/login.css';
+      $version_info_css = filemtime(LNARCHIVE_BUILD_CSS_DIR_PATH . '/login.css');
+      wp_register_style( 'custom-login', $path_css, [], $version_info_css, 'all');
+      wp_enqueue_style('custom-login');
+
+      $path_js= LNARCHIVE_BUILD_JS_URI . '/login.js'; 
+      $version_info_js = filemtime(LNARCHIVE_BUILD_JS_DIR_PATH . '/login.js');
+      wp_register_script('custom_login_js', $path_js, array('wp-api'), $version_info_js , true );
+      wp_enqueue_script('custom_login_js');
+    }
 }
 ?>

src/js/pages/login/login.js

@@ -0,0 +1,2 @@
+
+import '../../../sass/login/login.scss';

webpack.config.js

@@ -21,6 +21,7 @@ const entry = {
     profile: `${JS_DIR}/profile/profile.tsx`,
     add_data: `${JS_DIR}/add_data/add_data.js`,
     reading_list: `${JS_DIR}/reading_list/reading_list`,
+    login: `${JS_DIR}/login/login.js`,
 };
 
 const output = {