build: 集成 Rollup 构建工具并配置相关插件

2026-02-02 21:10:02 +08:00
parent a5bd4d728b
commit d4684f288e
6 changed files with 536 additions and 6 deletions
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1 +1,43 @@
-export default [{}]
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+
+/**
+ * 默认导出一个数组，数组的每一个对象都是一个单独的导出文件配置，
+ * 详细可查：https://www.rollupjs.com/guide/big-list-of-options
+ */
+export default [
+  {
+    //入口文件
+    input: 'packages/vue/src/index.ts',
+    //打包出口
+    output: [
+      /**
+       * 导出iife 模式的包 iife –
+       * 自执行函数，适用于 <script> 标签（如果你想为你的应用程序创建 bundle，那么你可能会使用它）。
+       * iife 表示“自执行 函数表达式”
+       */
+      {
+        //开启 sourceMap
+        sourcemap: true,
+        //导出文件地址
+        file: './packages/vue/dist/vue.js',
+        //生成包的格式:一个自动执行的功能, 适合作为<script>标签
+        format: 'iife',
+        //变量名
+        name: 'Vue'
+      }
+    ],
+    //插件
+    plugins: [
+      //ts支持
+      typescript({
+        sourceMap: true
+      }),
+      //模块导入的路径补全
+      resolve(),
+      //将CommonJS模块转换为ES2015
+      commonjs()
+    ]
+  }
+]