Vue 添加静态文件

添加与static/public同级的静态目录文件,vue-cli2以及vue-cli3打包需要域名+/file的方式访问静态资源的html。

最近有一个需求,在vue本身的项目目录里添加其他同级的静态目录文件

之前用的是vue/cli 2.0版本

这是打包之后的目录结构。

用到的技术是webpack的拷贝插件

需要修改的地方找到目录下面的

这两个文件,修改

这个我查了一下是vue在打包的时候回将在这个插件下这些文件不会进行打包,会复制出来在dist目录下面

过了不到一个礼拜,公司决定对当前项目进行重构,用到了vue/cli 3.0,3.0对整个目录结构发生了变化,可以看出移除了bulid文件,也没用webpack文件,不要慌,我的第一想法就是既然vue是用webpackg编译的,那他就会支持webpack的copy插件,我对vue.config文件进行了一下修改

打包之后我要的display目录就出来了。

最后希望可以帮到需要帮助的人。

转载于:https://www.cnblogs.com/cuixiaohua/p/10196617.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值