码迷,mamicode.com
首页 > Web开发 > 详细

非常简单的vue里面引入jquery

时间:2017-07-14 12:00:44      阅读:164      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!