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

Question

使用vue-cli只能写原生的js代码吗，为什么我引入JQ报各种错误。。我在mian.js里引入JQimport 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' 
    }
  },