vue 匯入element元件庫以及jquery
阿新 • • 發佈:2018-12-06
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'