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

黄良钵

分类: 程序开发 0 1

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

1、通过npm安装jQuery组件:

npm i jquery --save

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

const webpack = require("webpack")
module.exports = {
   // 其他代码...
   resolve: {
      extensions: ['', '.js', '.vue'],
      fallback: [path.join(__dirname, '../node_modules')],
      alias: {
          'src': path.resolve(__dirname, '../src'),
          'assets': path.resolve(__dirname, '../src/assets'),
          'components': path.resolve(__dirname, '../src/components'),

          // webpack 使用 jQuery,如果是自行下载的
          // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
          // 如果使用NPM安装的jQuery
          'jquery': 'jquery'
      }
   },

   // 增加一个plugins
   plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery"
      })
   ],

   // 其他代码...
}

3、重新运行 npm run dev

  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
jQuery、Vue、vue-cli、webpack

作者简介:黄良钵

打赏

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

共 1 条评论关于 “在vue-cli中通过webpack全局引入jQuery”

Loading...