vue-cli 3.x版本项目引入jQuery

看了一些相关资料,在使用npm安装jQuery后,大部分都是说需要在build文件夹下的webpack.base.conf.js文件中配置,但是我的项目下没有build文件夹,查询得知在vue-cli新版中已经移除了build文件夹

查阅官方文档,webpack相关配置可在根目录下的vue.config.js中配置(如果没有可新建)。因此最后配置如下:

const webpack = require('webpack')

module.exports = {
    configureWebpack: {
      plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery',
            'window.$': 'jquery'
        })
      ]
    }
}
发布了16 篇原创文章 · 获赞 1 · 访问量 4691

猜你喜欢

转载自blog.csdn.net/TLingC/article/details/99250277