vue開發常用插件

dependencies

axios // 用於請求數據

better-scroll // 用於處理頁面列表的滾動，下拉刷新等

fastclick // 用於處理移動設備點擊會有300毫秒延遲的問題

// src/main.js 中配置
import fastclick from 'fastclick'
fastclick.attach(document.body)

---

devDependencies

babel-plugin-import // (使用vantUI時的配置)會在編譯過程中將 import 的寫法自動轉換為按需引入的方式，注意：配置 babel-plugin-import 插件后將不允許導入所有組件

// .babelrc 中配置
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

stylus stylus-loader // 讓vue支持stylus語法

// .vue文件中這樣寫
<style lang="stylus"></style>

babel-polyfill // 讓vue項目兼容IE

// build/webpack.base.conf.js 中配置
require('babel-polyfill') // 加在第一行

module.exports = {
  entry: {
    app: ['babel-polyfill', './src/main.js'] // 入口中加入babel-polyfill
  }
}

vconsole // 讓項目在手機上可以查看控制台

// src/main.js 中配置
import VConsole from 'vconsole'
/* eslint-disable no-new */
new VConsole()