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

vue 在webpack 环境下的 jquery使用

时间:2018-09-05 17:45:16      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:inf   webp   模板文件   模板   class   ack   bpa   option   install   

1, 使用命令行安装jq , cnpm install jquery --save

2, 使用命令行安装 webpack中自带的一个插件expose-loader,用来加载jq:cnpm install expose-loader --save

3,在webpack的配置文件中加入配置代码:如下图技术分享图片

{
        test: require.resolve(‘jquery‘),
        use: [{
          loader: ‘expose-loader‘,
          options: ‘jQuery‘
        },{
          loader: ‘expose-loader‘,
          options: ‘$‘
        }]
      },

 4,在vue的模板文件中引入jq,并打印出来

技术分享图片

技术分享图片

vue 在webpack 环境下的 jquery使用

标签:inf   webp   模板文件   模板   class   ack   bpa   option   install   

原文地址:https://www.cnblogs.com/wuchongyou/p/9592250.html

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