vue-cliwebpack全局引入jquery

1、首先在package.json里加入，

然后nmpinstall

2、在webpack.base.conf.js里加入

3、在module.exports的最后加入

plugins:[

newwebpack.optimize.CommonsChunkPlugin('common.js'),

newwebpack.ProvidePlugin({

jQuery:"jquery",

$:"jquery"

})

]

4、然后一定要重新rundev

5、在main.js引入就ok了

在.vue文件中引入第三方非NPM模塊

vue-cli引入外部文件

在webpack.base.conf.js中添加externals

externals中swiper是鍵，對應的值一定的是插件swiper.js所定義的變量Swiper:

之后再在根目錄下的index.html文件里引入文件：<scriptsrc="static/lib/swiper.js"></script>

這樣子就可以在需要用到swiper.js的文件里加入這行代碼：importSwiperfrom'swiper'，這樣就能正常使用了。