/vue_webpack

vue with webpack

Primary LanguageVue

[TOC]

Vue_Webpack

Vue+Webpack打造todo应用 学习记录

Preview

show.gif

环境

  • npm 版本 6.14.10

运行项目

  • git clone https://github.com/103style/vue_webpack.git

  • cd vue-webpack

  • npm install

  • npm run dev

依赖版本

"dependencies": {
    "vue": "^2.6.12"
},
"devDependencies": {
    "@babel/core": "^7.12.10",
    "autoprefixer": "^10.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^8.2.2",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-vue-jsx": "^3.7.0",
    "babel-preset-env": "^1.7.0",
    "cross-env": "^7.0.3",
    "css-loader": "^5.0.1",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^4.5.1",
    "mini-css-extract-plugin": "^1.3.3",
    "postcss-loader": "^4.1.0",
    "style-loader": "^2.0.0",
    "stylus": "^0.54.8",
    "stylus-loader": "^4.3.2",
    "url-loader": "^4.1.1",
    "vue-loader": "^15.9.6",
    "vue-loader-plugin": "^1.3.0",
    "vue-template-compiler": "^2.6.12",
    "webpack": "^4.46.0",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.11.1"
}

babel相关的配置

修改 .babellrc 为 babel.config.json

babel 相关的版本：

"@babel/core": "^7.12.10",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^8.2.2",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-vue-jsx": "^3.7.0",
"babel-preset-env": "^1.7.0",

公众号

103Tech

103Tech