1. 程式人生 > >vue開發常用外掛

vue開發常用外掛

dependencies

devDependencies

babel-plugin-import // 會在編譯過程中將 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
  }
}