vue中引入jq

最新推荐文章于 2023-10-09 10:19:29 发布

weixin_38169886

最新推荐文章于 2023-10-09 10:19:29 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

文章标签： webpack javascript ViewUI

原文链接：http://www.cnblogs.com/520BigBear/p/11418895.html

1.cnpm install jquery



2.在webpack.base.conf.js中加入一行代码
const webpack=require("webpack")
------------------------------------------

 const webpack = require('webpack')
 'use strict'
 const path = require('path')
 const utils = require('./utils')
 const config = require('../config')
 const vueLoaderConfig = require('./vue-loader.conf'


3.在webpack.base.conf.js中module.exports的最后加入这行代码，

 plugins: [
　　new webpack.ProvidePlugin({
　　　　jQuery: "jquery",
　　　　$: "jquery"
　　})
    ],


  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },

4.在main.js中引入,加入下面这行代码，全局引入

import $ from 'jquery'

转载于:https://www.cnblogs.com/520BigBear/p/11418895.html