使用Vuetify/webpack ssr模板,无法使babel和eslint正常工作

使用Vuetify/webpack ssr模板,无法使babel和eslint正常工作,webpack,Webpack,我刚刚用Vuetify和Vue启动了一个项目,并且正在使用带有服务器端渲染模板的网页包 我一直在尝试让spread操作符工作,即使vue加载程序中的buble config指定Object.assign,这仍然失败。我尝试移植到babel,将babel loader和eslint loader添加到vue和js文件的加载程序中,如下所示,在我的webpack.base.config.js中: ... module: { noParse: /es6-promise\.js$/, // a

我刚刚用Vuetify和Vue启动了一个项目,并且正在使用带有服务器端渲染模板的网页包

我一直在尝试让spread操作符工作,即使vue加载程序中的buble config指定Object.assign,这仍然失败。我尝试移植到babel,将babel loader和eslint loader添加到vue和js文件的加载程序中,如下所示,在我的webpack.base.config.js中:

...

module: {
    noParse: /es6-promise\.js$/, // avoid webpack shimming process
    rules: [
      {
        test: /\.vue$/,
        loader: ['vue-loader', 'babel-loader', 'eslint-loader'],
        options: vueConfig
      },
      {
        test: /\.js$/,
        loader: ['babel-loader', 'eslint-loader'],
        exclude: /node_modules/,
        options: {

        }
      },

...

如何手动将不同的加载程序(本例中为Transpiler和Linter)添加到您的网页配置中?

我真的不明白您的问题-有什么问题?@Andrewi babel即使在更改了我的网页配置后,也不会将我的代码传输到ES6中。在我无法让babel传输我的排列操作符后,我放弃了buble for babel。你有
.babelrc
设置吗?@AndrewLi正如babel文档所说的那样,基本上,我无法让babel和eslint使用vuetify/webpack ssr模板。