nsbp-cli 0.2.25 → 0.2.26

package/README.md

@@ -147,7 +147,7 @@ node ./bin/nsbp.js --help  # Test CLI locally
 
 - **Package Name**: `nsbp-cli`
 - **Bin Command**: `nsbp` (install globally and run `nsbp --help`)
-- **Version**: `0.2.25`
+- **Version**: `0.2.26`
 - **Dependencies**: chalk, commander, fs-extra, inquirer
 - **Package Manager**: Uses pnpm (also compatible with npm)
 - **Node Version**: >=16.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nsbp-cli",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "CLI tool for creating NSBP (Node React SSR by Webpack) projects",
   "main": "index.js",
   "homepage": "https://nsbp.erishen.cn/",

package/templates/basic/config/webpack.base.js

@@ -17,7 +17,21 @@ module.exports = ({ mode, entry, server, init }) => {
     entry,
     devtool: 'source-map',
     resolve: {
-      extensions: ['.ts', '.tsx', '.js', '.jsx', '.json']
+      extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
+      alias: {
+        '@': path.resolve(__dirname, '../src'),
+        '@components': path.resolve(__dirname, '../src/component'),
+        '@utils': path.resolve(__dirname, '../src/utils'),
+        '@services': path.resolve(__dirname, '../src/services'),
+        '@styled': path.resolve(__dirname, '../src/styled'),
+        '@store': path.resolve(__dirname, '../src/store'),
+        '@reducers': path.resolve(__dirname, '../src/reducers'),
+        '@containers': path.resolve(__dirname, '../src/containers'),
+        '@server': path.resolve(__dirname, '../src/server'),
+        '@client': path.resolve(__dirname, '../src/client'),
+        '@css': path.resolve(__dirname, '../src/css'),
+        '@externals': path.resolve(__dirname, '../src/externals')
+      }
     },
     module: {
       rules: [

package/templates/basic/gitignore

@@ -3,9 +3,6 @@ Thumbs.db
 
 # Dependencies
 node_modules
-package-lock.json
-yarn.lock
-pnpm-lock.yaml
 
 # Build outputs
 build

package/templates/basic/src/Routers.tsx

@@ -1,21 +1,21 @@
 import React from 'react'
-import { loadData as homeLoadData } from './services/home'
-import { loadData as photoLoadData } from './services/photo'
+import { loadData as homeLoadData } from '@services/home'
+import { loadData as photoLoadData } from '@services/photo'
 import loadable from "@loadable/component"
 
 const Loading = () => {
   return <div>Loading...</div>
 }
 
-const Home = loadable(() => import("./containers/Home"), {
+const Home = loadable(() => import("@containers/Home"), {
   fallback: <Loading />
 })
 
-const Login = loadable(() => import("./containers/Login"), {
+const Login = loadable(() => import("@containers/Login"), {
   fallback: <Loading />
 })
 
-const Photo = loadable(() => import("./containers/Photo"), {
+const Photo = loadable(() => import("@containers/Photo"), {
   fallback: <Loading />
 })
 

package/templates/basic/src/client/index.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect, useState } from 'react'
 import { hydrateRoot } from 'react-dom/client'
 import { BrowserRouter, Routes, Route } from 'react-router-dom'
-import routers from '../Routers'
+import routers from '@/Routers'
 import { Provider } from 'react-redux'
-import getStore from '../store'
-import { isSEO } from '../utils'
-import Theme from '../component/Theme'
+import getStore from '@/store'
+import { isSEO } from '@/utils'
+import Theme from '@components/Theme'
 import { loadableReady } from '@loadable/component'
 
 const App = () => {

package/templates/basic/src/component/Header.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Link, useLocation } from 'react-router-dom'
-import { Container, LogoWrapper as Logo, Nav, NavLink, Brand } from '../styled/component/header'
+import { Container, LogoWrapper as Logo, Nav, NavLink, Brand } from '@styled/component/header'
 
 const Header = () => {
   const location = useLocation()

package/templates/basic/src/server/index.ts

@@ -1,9 +1,9 @@
 import express from 'express'
 import helmet from 'helmet'
 import rateLimit from 'express-rate-limit'
-import { render } from './utils'
-import { getPhotoWH, getPhotoMenu } from './photo'
-import { useCurrentFlag, outPhotoDicPath } from '../utils/config'
+import { render } from '@server/utils'
+import { getPhotoWH, getPhotoMenu } from '@server/photo'
+import { useCurrentFlag, outPhotoDicPath } from '@utils/config'
 
 const app = express()
 

package/templates/basic/tsconfig.json

@@ -13,7 +13,22 @@
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "preserveConstEnums": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@components/*": ["./src/component/*"],
+      "@utils/*": ["./src/utils/*"],
+      "@services/*": ["./src/services/*"],
+      "@styled/*": ["./src/styled/*"],
+      "@store/*": ["./src/store/*"],
+      "@reducers/*": ["./src/reducers/*"],
+      "@containers/*": ["./src/containers/*"],
+      "@server/*": ["./src/server/*"],
+      "@client/*": ["./src/client/*"],
+      "@css/*": ["./src/css/*"],
+      "@externals/*": ["./src/externals/*"]
+    }
   },
   "include":[
     "./src/**/*",