在vue-cli中通过webpack全局引入jQuery

在vue-cli中通过webpack全局引入jQuery

1、通过npm安装jQuery组件:

  1. npm i jquery --save

2、在 build/webpack.base.conf.js 里加入:

  1. const webpack = require("webpack")
  1. module.exports = {
  2.    // 其他代码...
  3.    resolve: {
  4.       extensions: ['', '.js', '.vue'],
  5.       fallback: [path.join(__dirname, '../node_modules')],
  6.       alias: {
  7.           'src': path.resolve(__dirname, '../src'),
  8.           'assets': path.resolve(__dirname, '../src/assets'),
  9.           'components': path.resolve(__dirname, '../src/components'),
  10.           // webpack 使用 jQuery,如果是自行下载的
  11.           // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
  12.           // 如果使用NPM安装的jQuery
  13.           'jquery': 'jquery'
  14.       }
  15.    },
  16.    // 增加一个plugins
  17.    plugins: [
  18.       new webpack.ProvidePlugin({
  19.           $: "jquery",
  20.           jQuery: "jquery"
  21.       })
  22.    ],
  23.    // 其他代码...
  24. }

3、重新运行 npm run dev

 

黄良钵

博客站长,前端开发工程师

1 条评论

  1. 棒棒哒

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

在vue-cli中通过webpack全局引入jQuery
返回顶部
网站稳定运行 : {{ diffYears }}年 零 {{ diffDays }}天 {{ diffHours }} 小时 {{ diffMinutes }} 分钟 {{ diffSeconds }} 秒

显示

忘记密码?

显示

显示

获取验证码

Close