vue-cli 2.x 项目优化之引入本地静态库文件

企鹅博客
企鹅博客
企鹅博客
28700
文章
0
评论
2020年9月13日13:30:30 评论 4 views 694字阅读2分18秒

这篇文章主要介绍了关于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教程其它相关文章!

weinxin
欢迎加入中国站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
react如何实现页面切换的效果 js教程

react如何实现页面切换的效果

本篇文章给大家带来的内容是关于react如何实现页面切换的效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一.前情概要 注:(我使用的路由是react-router4) 如下图所...
Ajax使用步骤详解 js教程

Ajax使用步骤详解

这次给大家带来Ajax使用步骤详解,Ajax使用的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: