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

vue+webpack 引入jquery

时间:2017-09-28 12:57:23      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:默认   npm   bpa   nbsp   引入   config   targe   color   org   

首先cnpm install jquery;这时jquery已经安装成功,可以使用jquery,但是jquery不是全局的,需要在使用的组件中引入jquery,jquery的路径是jquery/dist/jquery.min.js,

inport $ from "jquery/dist/jquery.min.js" 就可以使用$了;

我们也可以在webpack.base.config.js中配置;路径的别名方便引入:

技术分享

之后我们就可以在使用jquery的组件中这样引入

import $ from ‘jquery‘

tip:在webpack的output.libraryTarget,需要设置为var,默认值就是var(当 library 加载完成,入口起点的返回值将分配给一个变量),如果设置为commonjs等可能会报错,原因见:output.libraryTarget

 

如果想要引入不会以commonjs规范书写的js就可以这样引入,在组件中import之后,因为是commonjs规范,所以会按顺序加载,引入成功

 

vue+webpack 引入jquery

标签:默认   npm   bpa   nbsp   引入   config   targe   color   org   

原文地址:http://www.cnblogs.com/xiaofenguo/p/7605912.html

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