Linux 拨号vps windows公众号手机端

vue中怎么引入jquery

lewis 6年前 (2019-03-15) 阅读数 11 #程序编程
文章标签 jqueryvue

在vue中引入jquery的方法:1.创建vue.js项目;2.安装jquery;3.配置webpack.config.js文件;4.使用import方法引入jquery;

在vue中引入jquery的方法

1.首先,在vue-cli中创建一个vue.js项目;

vuecreateproject-name

2.vue.js项目创建好后,在项目中安装jquery;

$npminstalljquery--save-dev

3.jquery安装好后,在webpack.config.js配置文件中添加以下配置;

+constwebpack=require("webpack");

module.exports={

entry:'./index.js',

output:{

path:path.join(__dirname,'./dist'),

publicPath:'/dist/',

filename:'index.js'

},

+plugins:[

newwebpack.ProvidePlugin({

Query:'jquery',

$:'jquery'

})

]}

最后,webpack.config.js文件配置好后,使用import方法在项目中引入jquery即可;

import$from'jquery';


版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门