feat: 独立一个markdown样式文件（含主题）

Tencent · Jun 24, 2024 · 467d870 · 467d870
1 parent 6089004
commit 467d870
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 31 deletions.
diff --git a/build/rollup.styles.config.js b/build/rollup.styles.config.js
@@ -53,13 +53,13 @@ const options = [
     ],
   },
   {
-    input: 'src/sass/previewer.scss',
+    input: 'src/sass/markdown_pure.scss',
     output: {
       file: 'dist/cherry-previewer.styles.js',
     },
     plugins: [
       scss({
-        fileName: IS_PRODUCTION ? 'cherry-markdown.previewer.min.css' : 'cherry-markdown.previewer.css',
+        fileName: IS_PRODUCTION ? 'cherry-markdown.markdown.min.css' : 'cherry-markdown.markdown.css',
         // node进程是否在错误时终止
         failOnError: true,
         ...(IS_PRODUCTION && {
@@ -79,35 +79,6 @@ const options = [
       },
     ],
   },
-  // {
-  //   input: 'src/sass/markdown.scss',
-  //   output: {
-  //     file: 'dist/cherry-markdown.styles.js',
-  //   },
-  //   plugins: [
-  //     scss({
-  //       // Filename to write all styles to
-  //       fileName: IS_PRODUCTION ? 'cherry-markdown.markdown.min.css' : 'cherry-markdown.markdown.css',
-
-  //       // Determine if node process should be terminated on error (default: false)
-  //       failOnError: true,
-  //       ...(IS_PRODUCTION && {
-  //         outputStyle: 'compressed',
-  //       }),
-  //       sass: dartSass,
-  //     }),
-  //     {
-  //       generateBundle: (option, bundle) => {
-  //         // remove all non-asset files from bundle
-  //         Object.keys(bundle).forEach((key) => {
-  //           if (bundle[key].type !== 'asset') {
-  //             delete bundle[key];
-  //           }
-  //         });
-  //       },
-  //     },
-  //   ],
-  // },
 ];
 
 export default options;
diff --git a/src/sass/markdown_pure.scss b/src/sass/markdown_pure.scss
@@ -0,0 +1,9 @@
+@import './markdown.scss';
+/** 引入自带的主题 */
+@import './themes/default.scss';
+@import './themes/dark.scss';
+@import './themes/light.scss';
+@import './themes/green.scss';
+@import './themes/red.scss';
+@import './themes/violet.scss';
+@import './themes/blue.scss';