在Vue项目里正确地引用jQuery插件
正文1.安装jquery依赖npm install jquery --save2.修改两处配置文件module.exports = {// 其他代码...resolve: {extensions: ['', '.js', '.vue'],fallback: [path.join(__dirname, '../node_modules')],a
·
正文
1.安装jquery依赖
npm install jquery --save
2.修改两处配置文件
module.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"
})
],
// 其他代码...
}
3.直接在页面引用
参考文献
更多推荐
已为社区贡献7条内容
所有评论(0)