怎样在Vue.js中使用jquery插件

Question

怎样在Vue.js中使用jquery插件

Answer 1

使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码// 在开头引入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'}},// 增加一个pluginsplugins: [new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery"})],// 其他代码...}

Answer 2

首先要安装jq：cnpm install jQuery然后在build/webpack.base.conf文件当中引入：