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

原创 黄良钵  2017-10-21 19:32  阅读 167 次 评论 1 条

在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

 

关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 智慧家庭
    智慧家庭 【VIP 1】 @回复

    棒棒哒