vueプロジェクトで必要なパッケージをインポート

1389 ワード

一、VueにjQueryを導入する
まず、現在のプロジェクトのルートディレクトリ(package.jsonと同じディレクトリ)で、
実行コマンドnpm install jquery--save-dev
次に、webpackを変更します.base.conf.js
  • var webpack=require(「webpack」)に加入する.

  • 2、module.exportsの中に入る
    plugins: [     new webpack.optimize.CommonsChunkPlugin('common.js'),     new webpack.ProvidePlugin({          jQuery: "jquery",          $: "jquery"    }) ]
    最後まで加えればいい.
    最後はmain.jsにimport$from'jquery'を加えてjQueryの導入を完了します.
    二、Vueにaxiosを導入する
    1、axiosのインストール
     cnpm install axios
    2、main.jsに導入
    import axios from 'axios'
    Vue.config.axios = axios

    三、elementの導入
    1、ガイドパック
             cnpm i element-ui -S
    2、main.jsに導入
    import Element from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(Element)

    四、echartsの導入
    1、ガイドパック
    cnpm install echarts -S
    2、main.jsに導入
    import echarts from 'echarts'
    Vue.prototype.$echarts = echarts

    五、vueにsassを導入する
    1、sassをインストールする
    npm install sass-loader node-sass --save-dev
    2、sass導入

    六、vueにgojsを導入する
    1、gojsのインストール
       npm install gojs --save
    2、main.jsにgojsを導入
    import gojs from 'gojs'
    Vue.prototype.go = gojs