vue-cli可以引入第三方js库吗，比如JQ

Question

使用vue-cli只能写原生的js代码吗，为什么我引入JQ报各种错误。。我在mian.js里引入JQimportjqfrom'./assets/js/jquery.min.js'报jq没有定义

Answer 1

可以引入静态文件，无论是静态文件引入还是npm包引入，你在main.js里引入只能在main.js里访问jq，需要在哪里用就在哪里引用。
不想每次都需要引入，可以在webpack中设置全局引入
//resolve,要做的事，如importxxxfrom'../../xxx/xx/xx'太麻烦，可以取个别名简化操作
resolve:{
//省略扩展名，即js,vue,json结尾的文件引入是可以省略后缀
extensions:['.js','.vue','.json'],
//路径别名
alias:{
'vue$':'vue/dist/vue.esm.js',
'@':resolve('src'),
'Axios':'axios',
//webpack使用jQuery，如果是自行下载的
//"jq":path.resolve(__dirname,'../static/js/jquery-1.11.3.min.js'),
//如果使用NPM安装的jQuery
//'jq':'jquery'
}
},
                            

Answer 2

当然可以啦，但你这么写是错的，首先你得安装，不能这么静态导入
npminstalljquery--save
然后借助webpack
plugins:[
newwebpack.ProvidePlugin({
jQuery:"jquery",
$:"jquery"
})
]
最后在main.js里面
import$from'jquery'