2017-08-02 11 views
0

私のプロジェクトはwebpackによって作成されました!!

オンライン

NPMの実行ビルドそれがうまく機能することができますが、vendor.jsが大きすぎます!

修正WebPACKのコンフィグwebpack.prod.conf.jsこれを追加します。

JS

externals: { 
    'vue': 'Vue', 
    'vee-router': 'VueRouter', 
    'vuex': 'Vuex', 
}, 

私はvuevue-routervuexは、CDNによって含ま隔て!以下のような:

HTML

<body> 
    <div id="app"></div> 
    <!-- built files will be auto injected --> 
    <script src="https://unpkg.com/[email protected]/dist/vue.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/vue-router.js"></script> 
    <script src="https://unpkg.com/[email protected]"></script> 
</body> 

が、私はラインにファイルをアップロードするとき、のようないくつかの問題:

[email protected]:667 [vuex] already installed. Vue.use(Vuex) should be called only once. vendor.js:24 Uncaught TypeError: Cannot redefine property: $router at Function.defineProperty() at Function.v [as install] (vendor.js:24) at Function.Vue.use (vue.js:4110) at Object. (vendor.js:24) at r (manifest.js:1) at Object. (app.js:1) at r (manifest.js:1) at Object. (app.js:1) at r (manifest.js:1) at Object. (app.js:1)

は、誰かが私を助けることができますか?

+0

を使用する必要はありません。ソースを別の場所からダウンロードするだけです。 – Bert

答えて

0

あなたがCDN経由でのVue & Vuexをロードする場合 - あなたが本当に大変ダウンロードサイズに影響を及ぼさない他のソースからのスクリプトを追加しVue.use(...)

+0

はい、私はやった!ちょうどCDNに変更されました – dukegod

関連する問題