feat: support modify bundle name

.changeset/khaki-pigs-joke.md

@@ -0,0 +1,5 @@
+---
+'@ice/pkg': patch
+---
+
+feat: support modify bundle name

examples/react-component/docs/usage.md

@@ -0,0 +1,30 @@
+---
+sidebar_label: 用法
+---
+
+本 Demo 演示一行文字的用法。
+
+```tsx preview
+import * as React from 'react';
+import Component from 'example-pkg-react-component';
+
+export default function App () {
+  return (
+    <Component />
+  )
+}
+```
+
+```tsx preview
+import * as React from 'react';
+import Component from 'example-pkg-react-component';
+
+export default function App () {
+  return (
+    <>
+      <h1>I am Component</h1>
+      <Component />
+    </>
+  )
+}
+```

packages/pkg/src/helpers/getRollupOptions.ts

@@ -169,8 +169,8 @@ function getRollupOutputs({
     sourcemap: bundleTaskConfig.sourcemap,
     exports: 'auto',
     dir: outputDir,
-    assetFileNames: getFilename('[name]', format, esVersion, mode, '[ext]'),
-    entryFileNames: getFilename('[name]', format, esVersion, mode, 'js'),
+    assetFileNames: getFilename(bundleTaskConfig.filename || '[name]', format, esVersion, mode, '[ext]'),
+    entryFileNames: getFilename(bundleTaskConfig.filename || '[name]', format, esVersion, mode, 'js'),
     chunkFileNames: getFilename('[hash]', format, esVersion, mode, 'js'),
     manualChunks: format !== 'umd' ? ((id) => {
       if (id.includes('node_modules')) {

packages/pkg/src/types.ts

@@ -43,6 +43,12 @@ export interface BundleUserConfig {
    * @default package.name
    */
   name?: string;
+  /**
+   * The filename of the output file.
+   * For example: set `test` to the filename config, the output filename is test.umd.es5.production.js
+   * @default the entry name
+   */
+  filename?: string;
   /**
    * Output directory
    * @default 'dist'

packages/plugin-docusaurus/src/Previewer/styles.css

@@ -2,6 +2,10 @@
   height: 720px;
 }
 
+.mobile-previewer > div:nth-child(1) {
+  width: calc(100% - 375px);
+}
+
 iframe body::-webkit-scrollbar {
   display: none; /* Chrome Safari */
 }

website/docs/reference/config.md

@@ -374,6 +374,30 @@ export default defineConfig({
 });
 ```
 
+#### filename
+
++ 类型：`string`
++ 默认值：`[entryName]`
+
+设置打包产物的文件名。
+
+```ts title="build.config.mts"
+import { defineConfig } from '@ice/pkg';
+
+export default defineConfig({
+  bundle: {
+    filename: 'test'
+  },
+});
+```
+
+则会打包生成以下的产物：
+
+```md
+./dist
+└── test.esm.es5.production.js
+```
+
 #### externals
 
 + 类型：`boolean | Record<string, string>`