@tsingroc/tsingroc-components 1.0.2

package/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

package/build.config.js

@@ -0,0 +1,55 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  mode: 'development', // 或 'production'
+  entry: './src/index.js', // 入口文件
+  output: {
+    path: path.resolve(__dirname, 'dist'), // 输出目录
+    filename: 'bundle.js', // 输出文件名
+    library: 'my-component-library',
+    libraryTarget: 'umd',
+  },
+  // devServer: {
+  //   contentBase: path.join(__dirname, 'public'), // 静态文件目录
+  //   compress: true,
+  //   port: 8080, // 开发服务器端口
+  // },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: './example/public/index.html', // 使用 src/index.html 作为模板
+    }),
+  ],
+  externals: {
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'react',
+      root: 'React' // 全局变量
+    },
+    'react-dom': {
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'react-dom',
+      root: 'ReactDOM'
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/, // CSS 文件处理
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.js$/, // 处理 JavaScript 文件
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env', '@babel/preset-react'], // 转译 ES6+ 和 JSX
+          },
+        },
+      },
+    ],
+  },
+};