update

Author: javaLuo

.babelrc

@@ -1,3 +1,6 @@
 {
-  "presets": ["@vue/babel-preset-jsx"]
+  "presets": ["@vue/babel-preset-jsx"],
+  "plugins":[
+    "@babel/plugin-transform-runtime",
+  ]
 }

dist/main.js

@@ -8,8 +8,8 @@
   </div>
 </template>
 <script>
-import AuthModelMy from "../../dist/main.js";
-// import AuthModelMy from "../../src/app.vue";
+// import AuthModelMy from "../../dist/main.js";
+import AuthModelMy from "../../src/app.vue";
 import Img1 from "./assets/1.jpg";
 export default {
   data() {

example/src/app.vue

@@ -23,37 +23,37 @@
   },
   "homepage": "https://github.com/javaLuo/vue-puzzle-vcode#readme",
   "dependencies": {
-    "vue": "^2.5.21"
+    "vue": "^2.6.10"
   },
   "devDependencies": {
-    "@babel/core": "^7.2.2",
-    "@babel/plugin-proposal-class-properties": "^7.2.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
+    "@babel/core": "^7.5.4",
+    "@babel/plugin-proposal-class-properties": "^7.5.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.5.4",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/plugin-transform-runtime": "^7.2.0",
-    "@babel/polyfill": "^7.0.0",
-    "@babel/runtime": "^7.2.0",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0-beta.3",
-    "@vue/babel-preset-jsx": "^1.0.0-beta.3",
-    "autoprefixer": "^9.4.3",
-    "babel-loader": "^8.0.4",
-    "babel-plugin-import": "^1.11.0",
+    "@babel/plugin-transform-runtime": "^7.5.0",
+    "@babel/polyfill": "^7.4.4",
+    "@babel/runtime": "^7.5.4",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+    "@vue/babel-preset-jsx": "^1.0.0",
+    "autoprefixer": "^9.6.1",
+    "babel-loader": "^8.0.6",
+    "babel-plugin-import": "^1.12.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "babel-preset-vue-app": "^2.0.0",
-    "clean-webpack-plugin": "^1.0.0",
-    "css-loader": "^2.0.1",
-    "file-loader": "^2.0.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "css-loader": "^3.0.0",
+    "file-loader": "^4.0.0",
     "less": "^3.9.0",
-    "less-loader": "^4.1.0",
+    "less-loader": "^5.0.0",
     "postcss-loader": "^3.0.0",
     "style-loader": "^0.23.1",
-    "uglifyjs-webpack-plugin": "^2.0.1",
-    "url-loader": "^1.1.2",
-    "vue-loader": "^15.4.2",
-    "vue-template-compiler": "^2.5.21",
-    "webpack": "^4.27.1",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.10"
+    "uglifyjs-webpack-plugin": "^2.1.3",
+    "url-loader": "^2.0.1",
+    "vue-loader": "^15.7.0",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.35.3",
+    "webpack-cli": "^3.3.5",
+    "webpack-dev-server": "3.7.2"
   },
   "browserslist": [
     "iOS >= 8",

package.json

@@ -3,7 +3,7 @@ const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const PUBLIC_PATH = '/';
 module.exports = {
   mode: 'development',
-  entry: path.join(__dirname, 'example', 'main.js'),
+  entry: [path.join(__dirname, 'example', 'main.js')],
   output: {
     filename: 'bundle.js',
     publicPath: PUBLIC_PATH,
@@ -52,8 +52,5 @@ module.exports = {
   plugins: [new VueLoaderPlugin()],
   resolve: {
     extensions: ['.js', '.vue', '.less', '.css'], //后缀名自动补全
-    alias: {
-      '@': path.resolve(__dirname, 'src'),
-    },
   },
 };

webpack.dev.config.js

@@ -2,7 +2,7 @@
 
 const path = require('path'); // 获取绝对路径用
 const webpack = require('webpack'); // webpack核心
-const CleanWebpackPlugin = require('clean-webpack-plugin'); // 每次打包前清除旧的build文件夹
+const { CleanWebpackPlugin } = require('clean-webpack-plugin'); // 每次打包前清除旧的build文件夹
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
 
 module.exports = {
@@ -58,7 +58,7 @@ module.exports = {
       },
     ],
   },
-  plugins: [new VueLoaderPlugin(), new CleanWebpackPlugin(['dist'])],
+  plugins: [new VueLoaderPlugin(), new CleanWebpackPlugin()],
   resolve: {
     extensions: ['.js', '.vue', '.less', '.css'], //后缀名自动补全
     alias: {