Vue 使用 CDN 减少打包体积

详细步骤

具体的步骤无需赘述了，index.html之中引入 CDN 的 script

    <!-- axios -->
    <script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
    <!-- Vue -->
    <script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>
    <!-- VueRouter -->
    <script src="https://cdn.bootcss.com/vue-router/3.0.2/vue-router.min.js"></script>
    <!-- ElementUI -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.4.11/index.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.4.11/theme-chalk/index.css" rel="stylesheet"/>

第二步在webpack里面配置externals:

  entry: {
    app: './src/main.js'
  },
  externals:{
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    "axios":"axios",
    "ElementUI":"ELEMENT",
  },

最后从组件中删除 import xxx from vue之类的即可。
事实上不删也无所谓，webpack打包时自会略去这一部分(前提是与external中配置的名称一致)。

- 阅读剩余部分 -

前言

近日长时间上网，眼睛负荷甚大，故想到了要略微调整以下显示器的亮度，但是不同网页的风格不一样，直接调整显示器的亮度不太妥当，于是便有了开发一个脚本专门来做这件事的想法。

- 阅读剩余部分 -

一次开发，测试了半天，本想找个与一般快捷键不冲突的快捷键。

瞄上了 ctrl+i，结果总是捕获不到事件。

测试了半个小时都没能解决，结果换成其他按键，一秒过……

之前一直以为只是小数的精度出人意料。
今天调了一晚上才发现：

• 整型也是有精度的，15位！超过就变成0了！

在处理一个json数据的时候才发现精度丢失，还好npm有现成的大数json包，不然还得重写JSON解释器，心累

关于近日在开发一个UserScript的时候一些做法和思考

相关：

• BiliBili 直播间解除弹幕字数限制

- 阅读剩余部分 -