vue-cliパッケージvue、vue-router、echarts、axios、jq外部cdn導入

1435 ワード

vendorを減らすためにjsボリューム、同時にwebpackパッケージのコンパイル速度を高め、cdn外部リソースを導入
indexでhtml導入リソースファイル:
    
    
    
    
    
    
    
    
    
    
    

Webpackでconfig.jsでexternalsを するには:
module.exports = {
  externals: {
     'vue': 'Vue',
     'vue-router': ‘VueRouter’
     'jquery': 'jQuery',
     'axio':'axios',
     'echarts': 'echarts',
  },
  ...
}
bootstrapのようなuiライブラリを いる、 index.htmlはcdnファイルをインポートします.インポートする はありませんが、バージョンが なるとスタイルのインポートが する があります.
=>Vue-Router cdnを しないすべての は
VueRouter
=> main.jsここに されたのは、ルーティングを するファイルパスです.
import router from './router'
ここに されたのはmainです.jsが したルーティングオブジェクト
import Router from 'vue-router'