在vue中使用jQuery的方法
在webpack vue环境中,不能直接通过< script src>的方式引入jquery,只能通过配置的方式,具体实现如下:1、在static中放入jquery文件2、修改build/webpack.base.conf.js。在第24行,增加alias: {'vue$': 'vue/dist/vue.esm.js','@': resolve('src'),
·
在webpack vue环境中,不能直接通过< script src>的方式引入jquery,只能通过配置的方式,具体实现如下:
1、在static中放入jquery文件
2、修改build/webpack.base.conf.js。
在第一行增加
const webpack = require("webpack");
在第24行,增加
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery':path.resolve(__dirname, '../static/jquery-1.12.4') //引入jquery
}
然后在resolve和plugin中间增加
plugins: [
new webpack.ProvidePlugin({ //引入jquery
$: "jquery",
jQuery: "jquery"
})
],
更多推荐
已为社区贡献1条内容
所有评论(0)