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

Question

使用vue-cli只能写原生的js代码吗，为什么我引入JQ报各种错误。。我在mian.js里引入JQ
importjqfrom'./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然后借助webpackplugins:[newwebpack.ProvidePlugin({jQuery:"jquery",$:"jquery"})]最后在main.js里面import$from'jquery'