Wie füge ich "babel-preset-stage-2" loader zu einer rails/webpacker/vue app hinzu?

Question

Ich habe eine Rails 5 App und ich installierte vue mit den Befehlsleisten webpacker: install: vue. Ich muss nur den "babel-preset-stage-2" Loader hinzufügen, aber ich kann mir nicht vorstellen, wie das geht.

Ich las this documentation und hier ist was ich getan habe (aber es funktioniert nicht) in config/webpack/Lader/vue.js:

const { dev_server: devServer } = require('@rails/webpacker').config 

const isProduction = process.env.NODE_ENV === 'production' 
const inDevServer = process.argv.find(v => v.includes('webpack-dev-server')) 
const extractCSS = !(inDevServer && (devServer && devServer.hmr)) || isProduction 

module.exports = { 
    test: /\.vue(\.erb)?$/, 
    use: [{ 
    loader: 'vue-loader', 
    options: { extractCSS } 
    }] 
} 

module.exports = { 
    test: /\.vue(\.erb)?$/, 
    use: [{ 
    loader: 'babel-preset-stage-2' 
    }] 
} 

Answer 1

Sie 2 module.exports aufgenommen haben, was nicht ist wie commonJS Module funktionieren. Wenn Sie die webpack docs lesen, sollten Sie in der Lage sein, etwas wie die folgenden zu tun:

module.exports = { 
    module: { 
    rules: [ 
     { 
     test: /\.vue(\.erb)?$/, 
     loader: 'vue-loader', 
     options: { extractCSS } 
     }, 
     { 
     test: /\.vue(\.erb)?$/, 
     loader: 'babel-preset-stage-2' 
     } 
    ] 
    } 
}