非常简单的vue里面引入jquery

2021-06-22 21:02

阅读:629

标签:env   query   nbsp   res   build   pat   vue   webpack   代码   

如何在vue里面引入jq了,只需四部就完成

第一步 cnpm install jquery

第二步 打开build文件夹 , 打开webpack.base.conf.js文件找到下面module.exports 

 

module.exports = {
  resolve: {
   
    alias: {
 
	  ‘jquery‘:path.resolve(__dirname,‘../node_modules/jquery/src/jquery‘) //添加这段代码
    }
  },

 第三步 还是在build文件夹,打开webpack.prod.conf.js文件,找到plugins,在里面添加

plugins: [
    //添加下面代码
    new webpack.DefinePlugin({   
      ‘process.env‘: env
    }),
]

 第四步 在你想用jq的vue组件里面引入 import $ from "jquery" 

    好了,你现在就能用jq了,试试吧!

非常简单的vue里面引入jquery

标签:env   query   nbsp   res   build   pat   vue   webpack   代码   

原文地址:http://www.cnblogs.com/complete94/p/7169200.html


评论


亲,登录后才可以留言!