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

Question

使用vue-cli只能写原生的js代码吗，为什么我引入JQ报各种错误。。
我在mian.js里引入JQ

import jq from './assets/js/jquery.min.js'

报jq没有定义

Answer 1

可以引入静态文件，无论是静态文件引入还是npm包引入，你在main.js里引入只能在main.js里访问jq，需要在哪里用就在哪里引用。

不想每次都需要引入，可以在webpack中设置全局引入

// resolve,要做的事，如 import xxx from '../../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

当然可以啦，但你这么写是错的，首先你得安装，不能这么静态导入

npm install jquery --save

然后借助webpack

plugins: [
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]

最后在main.js里面

import $ from 'jquery'

Answer 3

可以引入，但是完全没有必要

Answer 4

你都用vue了，就别想着用jq操作dom了