vue2 引入外部JQ

标签：模块   var   .json   require   exports   挂载   export   2.2.3   chunk   

一、添加依赖，在package.json中找到dependencies模块，然后往里面追加jQuery，以jq版本2.2.3为例：

"dependencies": {

"vue": "^2.3.3",
"vue-router": "^2.6.0",
"jquery" : "^2.2.3"

},

然后命令行：npm install

二、添加完依赖后，修改webpack配置，找到webpack.base.conf.js，引入：

var webpack = require("webpack")

module.exports挂载jQuery插件：

plugins: [
  new webpack.optimize.CommonsChunkPlugin(‘common.js‘),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  })
]

三、重启页面:

npm run dev

四、引用jQuery：

import $ from ‘jquery‘

vue2 引入外部JQ

标签：模块   var   .json   require   exports   挂载   export   2.2.3   chunk   

原文地址：http://www.cnblogs.com/TaoHua/p/7383422.html