vue-cli2升级到vue-cli3问题总结

vue-cli2升级到vue-cli3问题总结

结构
vue-cli3目录结构更加简洁，去掉了build、config等配置文件，把index.html和static静态文件提到public文件下，增加了vue.config.js黑盒模式配置文件，支持插件化定制；抽离了cli、service层，真正做到了“0”配置开箱即用。
兼容

• vue-cli3不兼容动态import变量组件（vue-cli3是基于webpack4构建的，webpack4不支持动态import变量方式），使用require加载方式：component: (resolve) => require([@/views${item.path}], resolve)
• vue-cli3 public文件下static文件不支持alias别名引用，要结合publicPath使用绝对路径：publicPath: process.env.NODE_ENV === "production" ? "./" : "/", //发布路径 iframe.src = '/static/pdf/web/viewer.html'; //绝对路径
• 未完待续。。。