1. 程式人生 > >vue 匯入element元件庫以及jquery

vue 匯入element元件庫以及jquery

1.

專案安裝

npm i element-ui -S

2.

專案的main.js檔案

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI,{size:'small'});

 

即可使用

 

 

3.

引入jQuery

npm install jquery --save-dev

4.

在專案根目錄下的build/webpack.base.conf.js檔案中:

先寫程式碼

var webpack = require("webpack") 

在module.exports的最後寫

    plugins: [
        new webpack.optimize.CommonsChunkPlugin('common.js'),
        new webpack.ProvidePlugin({
          jQuery: "jquery",
          $: "jquery"
        })
      ]

在根目錄下的\src\main.js中引入

import $ from 'jquery'