新项目决定尝试vue-cli@3.0脚手架,脚手架内容变动较大,还在一步步地踩坑,
这里针对jsx语法支持和babel7配置做踩坑记录:
需求背景:@2.0中一直在用一款滚动条插件EasyScroll,此插件依赖JSX语法,
原用法
1.安装vue-jsx插件
npm install\
babel-plugin-syntax-jsx\
babel-plugin-transform-vue-jsx\
babel-helper-vue-jsx-merge-props\
babel-preset-es2015\
--save-dev
2.更改.babelrc文件
{
"presets": [
["es2015", { "modules": false }],
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-runtime"],
"plugins": ["transform-vue-jsx"],
"env": {
"test": {
"presets": ["env