详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

// 在开头引入webpack，后面的plugins那里需要var webpack = require('webpack')// resolvemodule.exports = { // 其他代码... resolve: {  extensions: ['', '.js', '.vue'],  fallback: [path.join(__dirname, '../node_modules')],  alias: {   'src': path.resolve(__dirname, '../src'),   'assets': path.resolve(__dirname, '../src/assets'),   'components': path.resolve(__dirname, '../src/components'),   // webpack 使用 jQuery，如果是自行下载的   // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),   // 如果使用NPM安装的jQuery   'jquery': 'jquery'   } }, // 增加一个plugins plugins: [  new webpack.ProvidePlugin({   $: "jquery",   jQuery: "jquery"  }) ], // 其他代码...}

// 使用Bootstrapimport './assets/libs/bootstrap/css/bootstrap.min.css'import './assets/libs/bootstrap/js/bootstrap.min'

// 使用toastrimport 'assets/libs/toastr/toastr.min.css'import toastr from 'assets/libs/toastr/toastr.min'toastr.success('Hello')

dependencies:{ "jquery" : "^2.2.3"}

var webpack = require("webpack")

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

import $ from 'jquery'

var Showbo = require("exports?Showbo!./path/to/showbo.js");