界面样式调整

src/main.js

@@ -131,11 +131,11 @@ document.body.append(toolkit);
 console.log(document)
 
 $(".tooltips").html(`
-<div id="app"></div>
+<div id="k5WebDriver"></div>
 `);
 // global.app = new Vue(ToolKit);
 new Vue({
-    el: '#app',
+    el: '#k5WebDriver',
     router,
     render: h => h(App)
 })

webpack.config.js

 let path = require('path');
 let webpack = require('webpack');
-const {VueLoaderPlugin} = require('vue-loader')
+const { VueLoaderPlugin } = require('vue-loader')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 module.exports = {
     /**
@@ -68,7 +68,7 @@ module.exports = {
                     {
                         loader: 'url-loader',
                         options: {
-              limit: 8192,
+                            limit: 2097152,
                             esModule: false, // 关闭es6模块化解析
                             //[hash:7]取图片的hash的前7位  [ext]取文件原来扩展名
                             // name: utils.assetsPath('img/[name].[hash:7].[ext]')
@@ -76,15 +76,27 @@ module.exports = {
                     },
                 ],
             },
+            {
+                test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+                use: [
+                    {
+                        loader: 'url-loader',
+                        options: {
+                            name: 'fonts/[name].[hash:8].[ext]',
+                            limit: 2097152,
+                        },
+                    },
+                ],
+            },
         ]
     },
-  devServer:{
+    devServer: {
         hot: true, // 启用 webpack 的 热模块替换 特性
-    open:true,//初次打包完成后，自动打开浏览器
-    host:'127.0.0.1',//实时打包所使用的主机地址
+        open: true,//初次打包完成后，自动打开浏览器
+        host: '127.0.0.1',//实时打包所使用的主机地址
         port: 8080 // 将本地启动的服务默认端口号设置为8080
     },
-  plugins:[
+    plugins: [
         // 生成一个 HTML5 文件， 在 body 中使用 script 标签引入你所有 webpack 生成的 bundle。 只需添加该插件到你的 webpack 配置中
         new HtmlWebpackPlugin({
             template: 'index/index.html'