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

這篇文章主要介紹了關於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中文網其他相關文章！