Vue-cli가 es6를 컴파일할 수 없는 문제 해결
{
"presets":
[
"env"
],
"plugins":
[
"transform-runtime"
]
}보충지식:vuecli2,cli3컴파일(포장)후chunk-vendors.js 파일에 es6 문법 존재
방금 큰 구덩이를 밟았는데, vue 비계를 사용하여 세운 프로젝트build 후chunk-vendors.js 파일에는 es6 문법이 존재해 왔는데 곧 붕괴될 가장자리에서 완벽한 해결 방법을 생각해 냈습니다.
해결 단계는 다음과 같습니다.
1.vue 패키지는 node_를 컴파일하지 않습니다modules의 코드, 코드에 node_가 존재하면모듈의 인용은build 후 코드를 직접 통합하고babel에 의해 해석되지 않습니다.
2. 그럼 근원을 찾았으니 노드를 먼저 찾아야 해_모듈에서 어떤 패키지나 코드가babel에 의해 만들어지지 않은 다음 웹 페이지에 있습니다.base.conf.js의babel-loader에서 이 가방을include에 넣으면 babel에 의해 해석될 수 있습니다.
코드는 다음과 같습니다.
module: {
rules: [
{
test: /\.js$/,
loader: "babel-loader",
include: [
resolve("src"),
resolve("test"),
resolve("node_modules/webpack-dev-server/client"),
resolve("node_modules/webpack/lib/ModuleFilenameHelpers.js")
]
},
]
}이상에서 Vue-cli가 es6를 컴파일할 수 없는 문제를 해결한 것은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되었으면 좋겠습니다. 저희도 많이 사랑해 주세요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue-cli 이동단 레이아웃 및 애니메이션 사용 상세 정보vue-cli(중점) vue-cli는 vue 프로젝트를 관리하는 도구로 vue-cli를 사용하여 프로젝트를 신속하게 만들고, 프로젝트를 시작하고, 프로젝트를 컴파일하는 등 작업을 할 수 있습니다. vue의 단일 파일...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
