emacroh5lib 1.0.1 → 1.0.4

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

@@ -10,7 +10,7 @@
     "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,6 +3,8 @@
 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";
@@ -22,6 +24,7 @@ const config = {
   },
   output: {
     filename: 'emacroh5lib.min.js',
+    // publicPath: process.env.NODE_ENV === "development" ? "/" : "/emacroh5lib/",
     path: path.resolve(__dirname, "dist"),
     library: {
       // do not specify a `name` here
@@ -32,6 +35,9 @@ const config = {
     open: true,
     host: "localhost",
   },
+  externals: {
+    './cptable': 'var cptable'
+  },
   plugins: [
     // new HtmlWebpackPlugin({
     //   template: "index.html",
@@ -48,9 +54,24 @@ const config = {
   ],
   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/"],
       },
       {
@@ -62,7 +83,7 @@ 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"
       },
 
@@ -75,7 +96,11 @@ const config = {
     alias: {
       '@': resolve('src')
     },
-    extensions: [".tsx", ".ts", ".js"],
+    fallback: {
+      crypto: false,
+      fs: false
+    },
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue', '.json'],
   }
 };
 
@@ -84,6 +109,7 @@ module.exports = () => {
     config.mode = "production";
 
     config.plugins.push(new MiniCssExtractPlugin());
+    config.plugins.push(new VueLoaderPlugin());
   } else {
     config.mode = "development";
   }