这篇的文章从脚手架出发。
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
- 组件中可以直接使用 ‘$’ 的方法了