feat: change assetPrefix and default exported css filename

Author: eunbae0

packages/core/src/node/build.ts

@@ -16,6 +16,7 @@ import {
   TEMP_ONCLICK_ATTR,
   TEMP_ONKEYPRESS_ATTR,
   TISTORY_TAG_IDENTIFIER,
+  TISTORY_DEFAULT_XML_NAME,
 } from './constants';
 import { initRsbuild } from './initRsbuild';
 import { convertCdataObj } from './utils/convertXml';
@@ -86,7 +87,7 @@ export async function renderHtml(
     }
 
     // Get the html generated by builder, as the default ssr template
-    const htmlTemplatePath = join(outputPath, 'index.html');
+    const htmlTemplatePath = join(outputPath, TISTORY_DEFAULT_XML_NAME);
     const htmlTemplate = await fs.readFile(htmlTemplatePath, 'utf-8');
 
     let appHtml = '';
@@ -168,7 +169,7 @@ export async function bundleXml(appDirectory: string, config: UserConfig) {
     const options = { compact: true, ignoreComment: true, spaces: 4 };
     const result = js2xml(skinInfo, options);
 
-    const fileName = 'index.xml';
+    const fileName = TISTORY_DEFAULT_XML_NAME;
     await fs.ensureDir(join(outputPath, dirname(fileName)));
     await fs.writeFile(join(outputPath, fileName), result);
 

packages/core/src/node/constants.ts

@@ -35,6 +35,10 @@ export const SSR_ENTRY = path.join(
 export const OUTPUT_DIR = 'build';
 export const BUNDLE_DIR = 'images';
 
+export const TISTORY_DEFAULT_HTML_NAME = 'index.html';
+export const TISTORY_DEFAULT_XML_NAME = 'index.xml';
+export const TISTORY_DEFAULT_CSS_NAME = 'style.css';
+
 export const APP_HTML_MARKER = '<!--<?- DOC_CONTENT ?>-->';
 export const HEAD_MARKER = '<!--<?- HEAD ?>-->';
 export const META_GENERATOR = '<!--<?- GENERATOR ?>-->';

packages/core/src/node/initRsbuild.ts

@@ -20,6 +20,7 @@ import {
   PUBLIC_DIR,
   DEFAULT_TITLE,
   BUNDLE_DIR,
+  TISTORY_DEFAULT_CSS_NAME,
 } from './constants';
 import { initRouteService } from './route/init';
 import { rsbuildPluginDocVM } from './runtimeModule';
@@ -57,12 +58,11 @@ async function createInternalBuildConfig(
   const ssrOutDir = path.join(baseOutDir, 'ssr');
 
   // const DEFAULT_THEME = require.resolve("@rspress/theme-default");
-  const base = config?.base ?? '';
 
   // In production, we need to add assetPrefix in asset path
   const assetPrefix = isProduction()
-    ? removeTrailingSlash(config?.builderConfig?.output?.assetPrefix ?? base)
-    : '';
+    ? removeTrailingSlash(config?.builderConfig?.output?.assetPrefix ?? '.')
+    : '.';
   const reactVersion = await detectReactVersion();
 
   const normalizeIcon = (icon: string | undefined) => {
@@ -148,27 +148,26 @@ async function createInternalBuildConfig(
         'process.env.TEST': JSON.stringify(process.env.TEST),
       },
     },
-    performance: {
-      chunkSplit: {
-        override: {
-          cacheGroups: {
-            // extract all CSS into a single file
-            // ensure CSS in async chunks can be loaded for SSG
-            styles: {
-              name: 'styles',
-              minSize: 0,
-              chunks: 'all',
-              test: /\.(?:css|less|sass|scss)$/,
-              priority: 99,
-            },
-          },
-        },
-      },
-    },
+    // performance: {
+    //   chunkSplit: {
+    //     override: {
+    //       cacheGroups: {
+    //         // extract all CSS into a single file
+    //         // ensure CSS in async chunks can be loaded for SSG
+    //         styles: {
+    //           filename: 'style.css',
+    //           minSize: 0,
+    //           chunks: 'all',
+    //           test: /\.(?:css|less|sass|scss)$/,
+    //           priority: 99,
+    //         },
+    //       },
+    //     },
+    //   },
+    // },
     tools: {
       bundlerChain(chain, { target }) {
         const isServer = target === 'node';
-        console.log('::', isServer);
 
         if (isServer) {
           chain.output.filename('main.cjs');
@@ -194,6 +193,10 @@ async function createInternalBuildConfig(
           overrideBrowserslist: webBrowserslist,
           distPath: {
             root: csrOutDir,
+            css: '.',
+          },
+          filename: {
+            css: TISTORY_DEFAULT_CSS_NAME,
           },
         },
       },

packages/core/src/runtime/clientEntry.tsx

@@ -9,9 +9,8 @@ import '@tistory-react/devtool/css';
 export async function renderInBrowser() {
   const container = document.getElementById('root')!;
 
-  useRemoveTistoryTags();
-
   const RootApp = () => {
+    useRemoveTistoryTags();
     return (
       <BrowserRouter>
         <App />

packages/shared/src/types/index.ts

@@ -23,10 +23,6 @@ export interface UserConfig {
    * The root directory of the site.
    */
   root?: string;
-  /**
-   * Base path of the site.
-   */
-  base?: string;
   /**
    * Path to html icon file.
    */