Vue之文件加载执行全流程是什么

您所在的位置:网站首页 vue如何定义map Vue之文件加载执行全流程是什么

Vue之文件加载执行全流程是什么

2023-05-19 21:02| 来源: 网络整理| 查看: 265

Vue之文件加载执行全流程是什么 发布时间:2023-05-09 14:55:56 来源:亿速云 阅读:85 作者:zzz 栏目:开发技术

本文小编为大家详细介绍“Vue之文件加载执行全流程是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“Vue之文件加载执行全流程是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

Vue项目结构

使用webpack构建的Vue项目的结构如下所示:

Vue之文件加载执行全流程是什么

主要配置文件

1、package.json

package.json是一个json文件,这是vue项目的表述文件。

package.json定义了项目所需要的各种模块,以及项目的配置信息(名称、版本、许可证等),npm install命令也是根据这个配置文件自动下载项目所需的模块。

{   "name": "myvue1",   "version": "1.0.0",   "description": "A Vue.js project",   "author": "LearningJun ",   "private": true,   "scripts": {     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",     "start": "npm run dev",     "unit": "jest --config test/unit/jest.conf.js --coverage",     "e2e": "node test/e2e/runner.js",     "test": "npm run unit && npm run e2e",     "build": "node build/build.js"   },   "dependencies": {     "axios": "^0.18.0",     "echarts": "4.6.0",     "echarts-stat": "^1.2.0",     "element-ui": "^2.13.2",     "js-cookie": "^2.2.1",     "moment": "^2.24.0",     "qs": "^6.7.0",     "vue": "^2.5.2",     "vue-amap": "^0.5.9",     "vue-axios": "^2.1.4",     "vue-baidu-map": "^0.21.22",     "vue-cookies": "^1.5.6",     "vue-echarts": "^5.0.0-beta.0",     "vue-puzzle-vcode": "^1.0.7",     "vue-router": "^3.0.1",     "vue-video-player": "^5.0.2",     "vue2-verify": "^1.1.5",     "vuex": "^3.1.0",     "vxe-table": "^2.9.22",     "xe-utils": "^2.7.12"   },   "devDependencies": {     "autoprefixer": "^7.1.2",     "babel-core": "^6.22.1",     "babel-helper-vue-jsx-merge-props": "^2.0.3",     "babel-loader": "^7.1.1",     "babel-plugin-syntax-jsx": "^6.18.0",     "babel-plugin-transform-runtime": "^6.22.0",     "babel-plugin-transform-vue-jsx": "^3.5.0",     "babel-preset-env": "^1.3.2",     "babel-preset-stage-2": "^6.22.0",     "chalk": "^2.0.1",     "copy-webpack-plugin": "^4.0.1",     "css-loader": "^0.28.0",     "extract-text-webpack-plugin": "^3.0.0",     "file-loader": "^1.1.4",     "friendly-errors-webpack-plugin": "^1.6.1",     "html-webpack-plugin": "^2.30.1",     "node-notifier": "^5.1.2",     "node-sass": "^4.12.0",     "optimize-css-assets-webpack-plugin": "^3.2.0",     "ora": "^1.2.0",     "portfinder": "^1.0.13",     "postcss-import": "^11.0.0",     "postcss-loader": "^2.0.8",     "postcss-url": "^7.2.1",     "rimraf": "^2.6.0",     "sass-loader": "^7.3.1",     "semver": "^5.3.0",     "shelljs": "^0.7.6",     "style-loader": "^1.0.0",     "uglifyjs-webpack-plugin": "^1.1.1",     "url-loader": "^0.5.8",     "vue-loader": "^13.3.0",     "vue-style-loader": "^3.0.1",     "vue-template-compiler": "^2.5.2",     "webpack": "^3.6.0",     "webpack-bundle-analyzer": "^2.9.0",     "webpack-dev-server": "^2.9.1",     "webpack-merge": "^4.1.0"   },   "engines": {     "node": ">= 6.0.0",     "npm": ">= 3.0.0"   },   "browserslist": [     "> 1%",     "last 2 versions",     "not ie 


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3