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