编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

vue package.json 配置解析

wxchong 2024-06-28 10:27:13 开源技术 16 ℃ 0 评论
{
 <!--
 name很容易理解,就是项目的名称,它是一个字符串。
 在给name字段命名时,需要注意以下几点:
 名称的长度必须小于或等于214个字符,不能以“.”和“_”开头,不能包含大写字母;
 名称可以作为参数被传入require(""),用来导入模块,所以应当尽可能的简短、语义化;
 名称不能和其他模块的名称重复,可以使用npm view命令查询模块明是否重复,如果不重复就会提示404(例如npm view vue-antd-pro)
 -->
 "name": "vue-antd-pro",
 <!--
 version字段表示该项目包的版本号,它是一个字符串。在每次项目改动后,即将发布时,都要同步的去更改项目的版本号。
 版本号的使用规范如下:
 版本号的命名遵循语义化版本2.0.0规范,格式为:
 主版本号.次版本号.修订号,通常情况下,修改主版本号是做了大的功能性的改动,修改次版本号是新增了新功能,修改修订号就是修复了一些bug
 -->
 "version": "3.0.0",
 <!--
 private字段可以防止我们意外地将私有库发布到npm服务器。只需要将该字段设置为true
 -->
 "private": true,
 "scripts": {
 "copy": "node ./tools/copy-preload.js",
<!-- a
vue-cli-service serve 命令会启动一个开发服务器 (基于 webpack-dev-server)
前边的key值是**,到时候就npm run **,用于启动前端项目
-->
<!-- 也会有这样的配置"serve": "node build/dev-server.js",前提是有webpack配置文件的build文件夹 -->
 "serve": "vue-cli-service serve",
<!--
vue-cli-service build 会在 dist/ 目录产生一个可用于生产环境的包,带有 JS/CSS/HTML 的压缩,和为更好的缓存而做的自动的 vendor chunk splitting。
前边的key值是**,到时候就npm run **,用于打包前端项目
-->
<!--也会有这样的配置 "build": "node build/build.js",前提是有webpack配置文件的build文件夹 -->
 "build": "vue-cli-service build",
 "test:unit": "vue-cli-service test:unit",
 "lint": "vue-cli-service lint",
 "build:preview": "vue-cli-service build --mode preview",
 "lint:nofix": "vue-cli-service lint --no-fix"
 },
 <!--
 dependencies字段中声明的是项目的生产环境中所必须的依赖包。
 这里每一项配置都是一个键值对(key-value), key表示模块名称,value表示模块的版本号。版本号遵循主版本号.次版本号.修订号的格式规定:
 固定版本: 上面的react-scripts的版本4.0.3就是固定版本,安装时只安装这个指定的版本;
 波浪号: 比如~4.0.3,表示安装4.0.x的最新版本(不低于4.0.3),也就是说安装时不会改变主版本号和次版本号;
 插入号: 比如上面 react 的版本^17.0.2,表示安装17.x.x的最新版本(不低于17.0.2),也就是说安装时不会改变主版本号。如果主版本号为0,那么插入号和波浪号的行为是一致的;
 latest:安装最新的版本。
 需要注意,不要把测试或者过渡性的依赖放在dependencies,避免生产环境出现意外的问题。
 -->
 "dependencies": {
 "ant-design-vue": "^1.7.2",
 "axios": "^0.19.0",
 "babel-helper-vue-jsx-merge-props": "^2.0.3",
 "child_process": "^1.0.2",
 "core-js": "^3.1.2",
 "dragtable": "^2.0.12",
 "echarts": "^4.9.0",
 "electron": "^13.1.7",
 "element-ui": "^2.15.1",
 "enquire.js": "^2.1.6",
 "gcoord": "^0.3.2",
 "highlight.js": "^10.5.0",
 "http-proxy-middleware": "^2.0.1",
 "iview": "^3.5.4",
 "jquery": "^3.6.0",
 "lodash": "^4.17.15",
 "lodash.clonedeep": "^4.5.0",
 "lodash.get": "^4.4.2",
 "lodash.pick": "^4.4.0",
 "md5": "^2.2.1",
 "mockjs": "^1.0.1-beta3",
 "mockjs2": "1.0.8",
 "moment": "^2.24.0",
 "normalize.css": "^8.0.1",
 "nprogress": "^0.2.0",
 "path": "^0.12.7",
 "qs": "^6.9.1",
 "screenfull": "^5.1.0",
 "scss": "^0.2.4",
 "scss-loader": "0.0.1",
 "store": "^2.0.12",
 "umy-ui": "^1.1.6",
 "vditor": "^3.7.3",
 "vue": "^2.6.12",
 "vue-baidu-map": "^0.21.22",
 "vue-clipboard2": "^0.2.1",
 "vue-container-query": "^0.1.0",
 "vue-copy-to-clipboard": "^1.0.3",
 "vue-cropper": "0.4.9",
 "vue-draggable-resizable": "^2.1.0",
 "vue-easy-print": "^0.0.8",
 "vue-i18n": "^8.17.4",
 "vue-router": "^3.1.2",
 "vue-socket.io": "^3.0.10",
 "vue-svg-component-runtime": "^1.0.1",
 "vue-ueditor-wrap": "^2.4.4",
 "vuex": "^3.1.1",
 "yarn": "^1.22.11"
 },
 <!--
 devDependencies中声明的是开发阶段需要的依赖包,如Webpack、Eslint、Babel等,用于辅助开发。
 它们不同于 dependencies,因为它们只需安装在开发设备上,而无需在生产环境中运行代码。
 当打包上线时并不需要这些包,所以可以把这些依赖添加到 devDependencies 中,这些依赖依然会在本地指定 npm install 时被安装和管理,但是不会被安装到生产环境中。
 -->
 "devDependencies": {
 "@ant-design/colors": "^3.2.1",
 "@babel/register": "^7.7.4",
 "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
 "@vue/babel-preset-jsx": "^1.2.4",
 "@vue/cli-plugin-babel": "^4.0.4",
 "@vue/cli-plugin-eslint": "^4.0.4",
 "@vue/cli-plugin-router": "^4.0.4",
 "@vue/cli-plugin-unit-jest": "^4.0.4",
 "@vue/cli-plugin-vuex": "^4.0.4",
 "@vue/cli-service": "^4.0.4",
 "@vue/eslint-config-standard": "^4.0.0",
 "@vue/test-utils": "^1.0.0-beta.29",
 "babel-eslint": "^10.0.1",
 "babel-plugin-import": "^1.13.3",
 "babel-plugin-transform-remove-console": "^6.9.4",
 "chalk": "^2.4.2",
 "compression-webpack-plugin": "^5.0.1",
 "eslint": "^5.16.0",
 "eslint-plugin-html": "^5.0.0",
 "eslint-plugin-vue": "^5.2.3",
 "git-revision-webpack-plugin": "^3.0.6",
 "less": "^3.0.4",
 "less-loader": "^5.0.0",
 "opencollective": "^1.0.3",
 "opencollective-postinstall": "^2.0.2",
 "postcss-pxtorem": "^4.0.1",
 "sass": "^1.23.7",
 "sass-loader": "^8.0.0",
 "sortablejs": "^1.13.0",
 "stylelint": "^12.0.0",
 "stylelint-config-standard": "^19.0.0",
 "vue-svg-icon-loader": "^2.1.1",
 "vue-template-compiler": "^2.6.12",
 "webpack-theme-color-replacer": "^1.3.12"
 }
}

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表