首頁 > web前端 > js教程 > vue-cli 2.x 專案最佳化之引入本地靜態庫文件

vue-cli 2.x 專案最佳化之引入本地靜態庫文件

不言
發布: 2018-07-09 14:43:36
原創
2296 人瀏覽過

這篇文章主要介紹了關於vue-cli 2.x 專案優化之引入本地靜態庫文件,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

##vue -cli 將靜態資源檔案放置到static 資料夾下方並引用:

1.將node_modules 下對應的xxx.min.js,複製到專案static 資料夾下

2.index.html 修改
新增script引入

<script src="static/js/vue.min.js"></script>
<script src="static/js/vue-router.min.js"></script>
登入後複製
3.修改build/webpack.base.conf.js 檔案:

註解掉下面這行

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      // 'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },
登入後複製
新增externals部分(externals 和resource 同級)。

    externals: {
        'vue': 'Vue',
        'vue-router': 'VueRouter'
    },
登入後複製
  • demo位址:https://github.com/cag2050/vu...

以上就是本文的全部內容,希望對大家的學習有幫助,更多相關內容請關注PHP中文網!

相關推薦:

vue如何解決addRoutes動態新增路由後刷新失效的問題

自製vue元件通訊插件之用mixin寫入外掛程式

Vue活動建立專案之路由設計及導覽列的開發#

以上是vue-cli 2.x 專案最佳化之引入本地靜態庫文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板