webpack 第三方js编译不过去，请教缺什么loader

Question

问题描述

cDS)

rules: [...(config.dev.useEslint ? [createLintingRule()] : []), {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      }, {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
      }, {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      }, {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('media/[name].[hash:7].[ext]')
        }
      }, {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
      /*,
            {
              test: /\.less/,
              use: ExtractTextPlugin.extract({
                use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],
                fallback: 'style-loader'
              })
            }*/
    ]

Answer 1

需要一个babel插件 https://github.com/vuejs/babe...

Answer 2

你这是用了jsx的语法耶，看下vue里面使用jsx这种写法需要什么插件

Answer 3

这明显是jsx的写法，还需要jsx-loader吧

Answer 4

你这怕不是在vue里引入了react写的组件，真有才