1.首先执行:npm install jQuery --save-dev,在package.json
里加入jQuery。
2.修改build下的webpack.base.conf.js
方法一:
首先加入:
const webpack = require("webpack")
然后在module.exports 对象中加入:
?plugins: [ ???new webpack.optimize.CommonsChunkPlugin(‘common.js‘), ???new webpack.ProvidePlugin({ ?????jQuery: "jquery", ?????$: "jquery" ???}) ?]
方法二:
先加入:
const webpack = require("webpack")
然后:
?resolve: { ???extensions: [‘.js‘, ‘.vue‘, ‘.json‘], ???alias: { ?????‘vue$‘: ‘vue/dist/vue.esm.js‘, ?????‘@‘: resolve(‘src‘), ?????‘jquery‘: ‘jquery‘ ???} ?},
最后:
?plugins: [ ???new webpack.ProvidePlugin({ ?????jQuery: "jquery", ?????$: "jquery" ???}) ?]
3.在app.vue中调用jquery
?mounted: function() { ???console.log($); ???console.log($(‘#ss‘)[0].innerHTML); ?},
打印结果:
如何在vue-cli webpack中全局引入jquery
原文地址:https://www.cnblogs.com/yingzi1028/p/8310370.html