rails/webpacker/vue 앱에 "babel-preset-stage-2"로더를 추가하는 방법은 무엇입니까?

Question

난 레일 5 애플 리케이션과 나는 레일 webpacker : vue 설치 명령과 vue를 설치했습니다. "babel-preset-stage-2"로더를 추가하기 만하면되지만 그렇게하는 방법을 알 수는 없습니다.

나는 this documentation를 읽고 여기에 설정/웹팩/로더/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' 
     } 
    ] 
    } 
}