Merge pull request #6763 from weseek/feat/refactor-hackmd-build

refactor hackmd build

packages/hackmd/package.json

@@ -4,7 +4,7 @@
   "description": "GROWI js and css files to use hackmd",
   "license": "MIT",
   "scripts": {
-    "build": "vite build"
+    "build": "vite build && cp ./src/index.js ./dist"
   },
   "dependencies": {
   },

packages/hackmd/src/index.js

@@ -1,9 +1,11 @@
 const fs = require('fs');
 const path = require('path');
 
-const stylesJSFile = fs.readFileSync(path.resolve(__dirname, '../dist/assets/styles_bundle.js'));
-const agentJSFile = fs.readFileSync(path.resolve(__dirname, '../dist/assets/agent_bundle.js'));
-const stylesCSSFile = fs.readFileSync(path.resolve(__dirname, '../dist/assets/styles_bundle.css'));
+const isProduction = process.env.NODE_ENV === 'production';
+const dirPath = isProduction ? '.' : '../dist';
+const stylesJSFile = fs.readFileSync(path.resolve(__dirname, `${dirPath}/styles.js`));
+const agentJSFile = fs.readFileSync(path.resolve(__dirname, `${dirPath}/agent.js`));
+const stylesCSSFile = fs.readFileSync(path.resolve(__dirname, `${dirPath}/styles.css`));
 
 // export to app as string
 export const stylesJS = stylesJSFile.toString();

packages/hackmd/vite.config.js

@@ -5,7 +5,6 @@ import { defineConfig } from 'vite';
 
 export default defineConfig({
   build: {
-    manifest: true,
     rollupOptions: {
       input: {
         styles: resolve(__dirname, 'src/hackmd-styles.js'),
@@ -13,8 +12,8 @@ export default defineConfig({
         stylesCSS: resolve(__dirname, 'src/styles.scss'),
       },
       output: {
-        entryFileNames: 'assets/[name]_bundle.js',
-        assetFileNames: 'assets/[name]_bundle.css',
+        entryFileNames: '[name].js',
+        assetFileNames: '[name].css',
       },
     },
   },