首頁(yè) 猿問(wèn) vue-cli可以引入第三方j(luò)s庫(kù)...

vue-cli可以引入第三方j(luò)s庫(kù)嗎，比如JQ

CSS3

慕尼黑5688855 2019-01-05 21:36:46

使用vue-cli只能寫(xiě)原生的js代碼嗎，為什么我引入JQ報(bào)各種錯(cuò)誤。。我在mian.js里引入JQimport jq from './assets/js/jquery.min.js'報(bào)jq沒(méi)有定義

查看完整描述

1 回答

蕭十郎

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊

可以引入靜態(tài)文件，無(wú)論是靜態(tài)文件引入還是npm包引入，你在main.js里引入只能在main.js里訪問(wèn)jq，需要在哪里用就在哪里引用。

不想每次都需要引入，可以在webpack中設(shè)置全局引入

// resolve,要做的事，如 import xxx from '../../xxx/xx/xx'太麻煩，可以取個(gè)別名簡(jiǎn)化操作
  resolve: {    // 省略擴(kuò)展名，即js,vue,json結(jié)尾的文件引入是可以省略后綴
    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' 
    }
  },

反對(duì) 回復(fù) 2019-01-05