Skip to content

Vue:ProjectTemplate:Vue2 Babel

vue-cli로 vue2+babel 설치하는 방법에 대한 템플릿.

Command 

$ vue create .
Vue CLI v4.5.6
? Please pick a preset: Manually select features
? Check the features needed for your project: Choose Vue version, Babel
? Choose a version of Vue.js that you want to start the project with 2.x
? Where do you prefer placing config for Babel, ESLint, etc.? In package.json
? Save this as a preset for future projects? No

package.json file 

{
  "name": "t2",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^2.6.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "vue-template-compiler": "^2.6.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

Only vue2 만 설치된 프로젝트와 비교하면 다음이 추가되었다.

  • dependencies: core-js
  • devDependencies: @vue/cli-plugin-babel

babel.config.js file 

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

ETC files

Only vue2 template 항목의 나머지 파일과 내용은 동일하다.

See also