vue cli3如何配置webpack 修改相对路径等

原创 jiangbinwangyi 随笔 js 249阅读 2018-12-20 18:25:02 举报

最近vue-cli脚手架更新到3.0版本,于是果断上手尝试一番。

  1. 创建项目 $vue create myProject
  2. 添加现有插件,不用手动在main.js里写代码了
    $vue add router
    $vue add iview

3.目录结构更简洁build、config、static等文件夹都给清理了。但是问题也来了,原来在build里的webpack配置文件都没了,咋办。

根目录新建一个vue.config.js 文件
vue-cli3的目录结构

新建好后添加配置代码

其中的 baseUrl 修改成 './' 就可以在
$npm run build 的时变成相对路径了

还有一点需要提醒,main.js文件里和router.js路由文件里的引用路径
一定要用 @/views/visit.vue
不能写成 ./views/visit.vue

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复