반응형
babelify에서 babelify할 배관 중 transform-object-rest-spread를 사용할 수 없음
변환-객체-휴식-스프레드 바벨 플러그인을 내 꿀꺽 빌드 파이프라인에 사용하려고 한다.
보통 나는 이것을 .babelrc 파일에 플러그인으로 추가하려고 하지만, 이 파이프라인은 다른 babel 옵션을 필요로 하는 오래된 gulp pipeline과 평행하게 실행되는 새로운 추가기 때문에 plugin을 파이프라인에 지정해야 한다.
이것이 내가 현재 구축한 꿀꺽 과제다.
gulp.task('frontend-browserified-js', () => {
var stream = browserify(`${files.frontendbrowserifiedjs.sourcePath}/${files.frontendbrowserifiedjs.entryPointName}`)
.transform(vueify)
.transform(babelify.configure({
presets: ['es2015'],
plugins: ["transform-runtime", "transform-object-rest-spread"]
}))
// .transform('babelify', {
// })
.bundle()
.on('error', handleError)
.pipe(fs.createWriteStream(`${files.frontendbrowserifiedjs.dest}/${files.frontendbrowserifiedjs.bundleName}`))
function handleError(error) {
console.error(error.stack)
console.log(chalk.red('hit error while gulping.'))
}
})
위의 파이프라인에서:
presets: ['es2015'], // this preset _does_ work
plugins: ["transform-runtime", "transform-object-rest-spread"] // but these plugins are not recognized as far as I can tell
나는 침을 꿀꺽 삼키면서 다음 오류를 계속 친다.
이와 같은 특정 파이프라인을 위한 플러그 인을 전달하는 올바른 방법이 있는가?
반응형
'IT이야기' 카테고리의 다른 글
Vue.js의 조건부는 프로펠러 값에 따라 달라지는가? (0) | 2022.04.11 |
---|---|
Laravel/Vue.js 프로젝트에서 Vuesax 업로드 구성 요소를 사용하는 방법 (0) | 2022.04.11 |
Vuex: 왜 우리는 돌연변이, 행동, 게이터를 대문자로 씁니까? (0) | 2022.04.10 |
내비게이션 가드를 통해 "/로그인"에서 "/"로 이동할 때 리디렉션됨"이 나타나는 이유는? (0) | 2022.04.10 |
Vue는 반응성 물체로 만들어진 구성 요소를 받았다. (0) | 2022.04.10 |