Javascript Babel只编译我的Vue项目的js文件,而不是整个项目
我有一个Vue项目,我想在旧iPad上使用,运行iOS/safari版本5。这意味着我需要使用Babel将其传输到ES5 这就是我的Javascript Babel只编译我的Vue项目的js文件,而不是整个项目,javascript,vue.js,npm,babeljs,Javascript,Vue.js,Npm,Babeljs,我有一个Vue项目,我想在旧iPad上使用,运行iOS/safari版本5。这意味着我需要使用Babel将其传输到ES5 这就是我的babel.config.js的样子 presets: [ //'@vue/cli-plugin-babel/preset', ["@babel/env", { targets: { safari: "5", ios: "5",
babel.config.js
的样子
presets: [
//'@vue/cli-plugin-babel/preset',
["@babel/env",
{
targets: {
safari: "5",
ios: "5",
},
useBuiltIns: "usage",
"corejs": "3.6.4",
},]
]
}
现在,当我运行npx babel src--out dir dist
时,babel只将.js
文件编译到dist
文件夹中。没有.vue
文件、静态资产和html
文件被编译/复制到dist
文件夹
我怎样才能让Babel不仅编译.js
文件,还需要做什么才能将我的项目传输到ES5
这是我的包.json
:
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@babel/polyfill": "^7.12.1",
"axios": "^0.20.0",
"core-js": "^3.6.5",
"sass": "^1.27.0",
"sass-loader": "^10.0.3",
"vue": "^2.6.11",
"vue-axios": "^2.1.5",
"vue-device-detector": "^1.1.6",
"vue-material": "^1.0.0-beta-15",
"vue-router": "^3.2.0",
"vuelidate": "^0.7.5"
},
"devDependencies": {
"@babel/cli": "^7.12.1",
"@babel/core": "^7.12.3",
"@babel/preset-env": "^7.12.1",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"vue-template-compiler": "^2.6.11"
}
}
这不是babel编译静态资产的目的,为此,您需要像webpack这样的捆绑程序或像Gulp这样的任务运行程序