本文记录了Vue3.0项目在Webpack工程中升级的过程及遇到的问题。在升级过程中，依赖如Vue、Webpack及相关插件需要更新到最新版本。遇到的主要挑战包括：Vue CLI的变更、对ES6语法的支持、Vue-router的引用方式改变以及Vue3不支持Vue2的某些方法。解决这些问题后，项目成功运行。
Vue3 Beta 版出来半年多了，估摸着相关 loader 及 plugin 应该跟着升级的差不多了，于是最近开始琢磨着开始上手写几个demo。在静态页面写的时候都没啥问题，一放到 Webpack 工程里面跑，各种报错，简直让人头大 T_T秃头警告，不过最终还是跑起来了~~~喜大普奔
以下总结了这两天在 Webpack 配置时遇到的几个问题
依赖
- 安装
vue和相关插件、loader都安装最新版本@next
cnpm/npm i vue@next vuex@next vue-router@next -S
cnpm/npm i vue-loader@next -D
vue-template-compiler变更为@vue/compiler-sfc，根据版本可能有差别，建议两个都装
cnpm/npm i @vue/compiler-sfc vue-template-compiler@next -D
vue-class-component注意安装bebel插件，并且在.babelrc文件里配置plugin，如果用typescript，需要在tsconfig.js里面配置"experimentalDecorators": true
cnpm/npm i vue-class-component @babel/plugin-proposal-de
最低0.47元/天 解锁文章
789
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
