如何在vue中引入第三方jquery，swiper等库（二）

这篇的文章从脚手架出发。

1.build/webpack.base.conf.js

resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
//----------------------
// webpack 使用 jQuery，如果是自行下载的
// 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'), //静态资源
// 如果使用NPM安装的jQuery
'jquery': 'jquery'
//---------------------
}
},

2.build/webpack.dev.conf.js

plugins 里面添加

new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})

-修改了脚手架，需要重新启动 npm run dev

- 组件中可以直接使用 ‘$’ 的方法了