"babel-preset-stage-2"ローダーをrails/webpacker/vueアプリに追加するには？

Question

私はレール5のアプリを持っていて、私はrails webpacker：install：vueというコマンドでvueをインストールしました。 "babel-preset-stage-2"ローダーを追加するだけでいいですが、どうやってそれを行うかわかりません。

私はthis documentationを読み、ここで設定/ WebPACKの/ローダー/ vue.jsに私がやったことだ（しかし、それは動作しません）：あなたがいない2 module.exportsはを含めました

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

一般的なJSモジュールの仕組みwebpack docsを読むと、次のようなことができるはずです。

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