vue-cliパッケージvue、vue-router、echarts、axios、jq外部cdn導入
1435 ワード
vendorを減らすためにjsボリューム、同時にwebpackパッケージのコンパイル速度を高め、cdn外部リソースを導入
indexでhtml導入リソースファイル:
Webpackでconfig.jsでexternalsを するには:
=>Vue-Router cdnを しないすべての は
VueRouter
=> main.jsここに されたのは、ルーティングを するファイルパスです.
import router from './router'
ここに されたのはmainです.jsが したルーティングオブジェクト
import Router from 'vue-router'
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'