vue项目 webpack无法编辑JSX语法问题

1 .babelrc 文件配置

{
  "presets": [
    ["env", {
      // webpack 有tree-shaking 特性, 如果直接转化为commonjs模块, 则无法使用此特性
      "modules": false,
      "browsers": ["ie >= 9", "last 2 versions", ">= 5%"]
    }],
    "stage-3"
  ],
  "plugins": ["transform-vue-jsx", "syntax-dynamic-import", "jsx-v-model"]
}

2. webpack 文件配置

{   
    // 最好加上 ’？‘
    test: /\.js(x)?$/,
    loader: 'babel-loader',
    exclude: /node_modules/
  },