非常简单的vue里面引入jquery

Posted 2020-09-28 GoTime

如何在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了，试试吧！