emacroh5lib 1.0.0 → 1.0.3

package/src/vue-prototype.d.ts

@@ -0,0 +1,7 @@
+import { VueConstructor } from 'vue';
+
+declare module 'vue/types/vue' {
+	interface VueConstructor {
+		entryName: string;
+	}
+}

package/tsconfig.json

@@ -4,13 +4,13 @@
     "outDir": "./dist/", // 打包到的目录
     "sourceMap": true, // 是否生成sourceMap（用于浏览器调试）
     "noImplicitAny": false,
-    "noUnusedLocals": true,
+    "noUnusedLocals": false,
     "noUnusedParameters": true,
     "declaration": true, // 是否生成声明文件
     "declarationDir": "./dist/types/", // 声明文件打包的位置
     "declarationMap": false, // 是否生成声明文件map文件（便于调试）
     "moduleResolution": "node",
-    "module": "esnext",
+    "module": "commonjs",
     "target": "es5", // 转化成的目标语言
     "baseUrl": "./",
     "strict": true,
@@ -33,6 +33,7 @@
       ]
     },
     "typeRoots": [
+      "/@types",
       "./node_modules/@types"
     ],
     "lib": [
@@ -51,7 +52,7 @@
     "src/**/*.vue",
     "tests/**/*.ts",
     "tests/**/*.tsx"
-  ], // 要打包的文件
+, "src/components/MessageBox.tsx"  ], // 要打包的文件
   "exclude": [
     "node_modules",
     "*.test.ts"

package/typings.d.ts

@@ -8,5 +8,5 @@
  */
 declare module "*.png";
 declare module "*.less";
-declare module "*.svg";
+declare module "*.svg"; 
 declare module "*.json";

package/webpack.config.js

@@ -3,9 +3,16 @@
 const path = require("path");
 // const HtmlWebpackPlugin = require("html-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+
+const webpack = require('webpack');
 
 const isProduction = process.env.NODE_ENV == "production";
 
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+
 const stylesHandler = isProduction
   ? MiniCssExtractPlugin.loader
   : "style-loader";
@@ -16,7 +23,8 @@ const config = {
     outputModule: true,
   },
   output: {
-    filename:'emacroh5lib.min.js',
+    filename: 'emacroh5lib.min.js',
+    // publicPath: process.env.NODE_ENV === "development" ? "/" : "/emacroh5lib/",
     path: path.resolve(__dirname, "dist"),
     library: {
       // do not specify a `name` here
@@ -27,19 +35,43 @@ const config = {
     open: true,
     host: "localhost",
   },
+  externals: {
+    './cptable': 'var cptable'
+  },
   plugins: [
     // new HtmlWebpackPlugin({
     //   template: "index.html",
     // }),
+    new webpack.ProvidePlugin({
+      echarts: 'echarts',
+      THREE: 'three',
+      jQuery: "jquery",
+      $: "jquery"
+    })
 
     // Add your plugins here
     // Learn more about plugins from https://webpack.js.org/configuration/plugins/
   ],
   module: {
     rules: [
+      {
+        test: /\.(vue)$/,
+        use: [
+          {
+            loader: 'vue-loader',
+            options: {
+              esModule: false
+            }
+          }
+        ]
+      },
       {
         test: /\.(ts|tsx)$/i,
         loader: "ts-loader",
+        options: {
+          appendTsSuffixTo: [/\.(vue)$/],
+          transpileOnly: true //只进行语法转换, 不进行类型校验, 提高构建速度
+        },
         exclude: ["/node_modules/"],
       },
       {
@@ -51,17 +83,25 @@ const config = {
         use: [stylesHandler, "css-loader", "postcss-loader"],
       },
       {
-        test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+        test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif|ico)$/i,
         type: "asset/inline"
       },
 
+
       // Add your rules for custom modules here
       // Learn more about loaders from https://webpack.js.org/loaders/
     ],
   },
   resolve: {
-    extensions: [".tsx", ".ts", ".js"],
-  },
+    alias: {
+      '@': resolve('src')
+    },
+    fallback: {
+      crypto: false,
+      fs: false
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue', '.json'],
+  }
 };
 
 module.exports = () => {
@@ -69,8 +109,16 @@ module.exports = () => {
     config.mode = "production";
 
     config.plugins.push(new MiniCssExtractPlugin());
+    config.plugins.push(new VueLoaderPlugin());
   } else {
     config.mode = "development";
   }
+
+  // 打包文件大小配置
+  config.performance = {
+    maxEntrypointSize: 10 * 1024 * 1024,
+    maxAssetSize: 10 * 1024 * 1024
+  }
+
   return config;
 };