【前端】vuecli项目,webpack引入jquery及jquery的第三方插件库beattext、easying
下面有配图放入项目://在webpack.base.conf.js里面的module.exports->resolve->alias里面登记插件,取别名并指向插件地址"beattext":path.resolve(__dirname, '../static/js/jquery.beattext.js'),"easying": path.resolve(__dirname, '../st
·
1、引入jquery
项目中命令行运行如下操作
npm install jquery --save
在webpack.base.conf.js添加下面这段代码
var webpack = require('webpack');
并在其module.exports中,添加如下代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"windows.jQuery": "jquery"
})
],
在app.vue中的script中添加如下代码,全局添加jquery.js
import $ from 'jquery'
2、引入jquery第三方插件库(其他插件库也可以相同方法使用)
下面有配图
放入项目:
//在webpack.base.conf.js里面的module.exports->resolve->alias里面登记插件,取别名并指向插件地址
"beattext":path.resolve(__dirname, '../static/js/jquery.beattext.js'),
"easying": path.resolve(__dirname, '../static/js/easying.js')
使用:
//直接引用即可
import beattext from "beattext"
import easying from "easying"
如果把某个不变的style属性放入使用它的vue文件中不起作用,则把这个style属性放到index.html中如下:

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)