package.json
先從
package.json開始看起
腳本
"scripts": {
"bootstrap": "yarn || npm i",
"build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/version.js",
"build:theme": "node build/bin/gen-cssfile && gulp build --gulpfile packages/theme-chalk/gulpfile.js && cp-cli packages/theme-chalk/lib lib/theme-chalk",
"deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo element.eleme.io>>examples/element-ui/CNAME",
"dev": "npm run bootstrap && npm run build:file && cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js & node build/bin/template.js",
"dev:play": "npm run build:file && cross-env NODE_ENV=development PLAY_ENV=true webpack-dev-server --config build/webpack.demo.js",
"dist": "npm run clean && npm run build:file && npm run lint && webpack --config build/webpack.conf.js && webpack --config build/webpack.common.js && webpack --config build/webpack.component.js && npm run build:utils && npm run build:umd && npm run build:theme",
"i18n": "node build/bin/i18n.js",
"lint": "eslint src/**/* test/**/* packages/**/* build/**/* --quiet",
"pub": "npm run bootstrap && sh build/git-release.sh && sh build/release.sh && node build/bin/gen-indices.js && sh build/deploy-faas.sh",
"test": "npm run lint && npm run build:theme && cross-env CI_ENV=/dev/ BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
"test:watch": "npm run build:theme && cross-env BABEL_ENV=test karma start test/unit/karma.conf.js"
}
生產依賴
"dependencies": {
// 異步驗證插件
"async-validator": "~1.8.1",
// JSX語法
"babel-helper-vue-jsx-merge-props": "^2.0.0",
// 深度合并插件
"deepmerge": "^1.2.0",
// 滾輪插件
"normalize-wheel": "^1.0.1",
// 實現(xiàn)響應式VUE組件
"resize-observer-polyfill": "^1.5.0",
// 防抖節(jié)流插件
"throttle-debounce": "^1.0.1"
},
開發(fā)依賴
"devDependencies": {
// 編譯.vue文件
"@vue/component-compiler-utils": "^2.6.0",
// 一個托管的全文、數(shù)字和分面搜索引擎，能夠在第一次按鍵時提供實時結果。
"algoliasearch": "^3.24.5",
// babel
"babel-cli": "^6.26.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-istanbul": "^4.1.1",
"babel-plugin-module-resolver": "^2.2.0",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-vue-jsx": "^3.7.0",
"babel-preset-env": "^1.7.0",
"babel-preset-stage-2": "^6.24.1",
"babel-regenerator-runtime": "^6.5.0",
// chai斷言庫
"chai": "^4.2.0",
// node fs工具
"chokidar": "^1.7.0",
// 將單個文件或整個目錄復制到構建目錄。
"copy-webpack-plugin": "^5.0.0",
// 代碼測試覆蓋率
"coveralls": "^3.0.3",
// 跨平臺支持UNIX命令
"cp-cli": "^1.0.2",
// 運行在平臺上設置和使用環(huán)境變量的腳本。
"cross-env": "^3.1.3",
// CSS加載器
"css-loader": "^2.1.0",
// es6 promise支持
"es6-promise": "^4.0.5",
// eslint
"eslint": "4.14.0",
"eslint-config-elemefe": "0.1.1",
"eslint-loader": "^2.0.0",
"eslint-plugin-html": "^4.0.1",
"eslint-plugin-json": "^1.2.0",
// 文件加載
"file-loader": "^1.1.11",
// 文件保存
"file-save": "^0.2.0",
// gulp
"gulp": "^4.0.0",
"gulp-autoprefixer": "^6.0.0",
"gulp-cssmin": "^0.2.0",
"gulp-sass": "^4.0.2",
// js 高亮
"highlight.js": "^9.3.0",
// html webpack插件
"html-webpack-plugin": "^3.2.0",
// json加載器
"json-loader": "^0.5.7",
// json和js的模版生成工具
"json-templater": "^1.0.4",
// karma測試庫
"karma": "^4.0.1",
"karma-chrome-launcher": "^2.2.0",
"karma-coverage": "^1.1.2",
"karma-mocha": "^1.3.0",
"karma-sinon-chai": "^2.0.2",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "^0.0.32",
"karma-webpack": "^3.0.5",
// 將markdown變?yōu)閔tml的解析器
"markdown-it": "^8.4.1",
"markdown-it-anchor": "^5.0.2",
"markdown-it-chain": "^1.3.0",
"markdown-it-container": "^2.0.0",
// 壓縮css
"mini-css-extract-plugin": "^0.4.1",
// mocha測試庫
"mocha": "^6.0.2",
// node.js的sass
"node-sass": "^4.11.0",
// 優(yōu)化/最小化css資源
"optimize-css-assets-webpack-plugin": "^5.0.1",
// 視差滾動 https://perspective.js.org/#/zh-cn/
"perspective.js": "^1.0.0",
"postcss": "^7.0.14",
// 命令行進度條插件
"progress-bar-webpack-plugin": "^1.11.0",
// node.js 深度刪除模塊
"rimraf": "^2.5.4",
// sass加載器
"sass-loader": "^7.1.0",
// 選擇發(fā)布版本
"select-version-cli": "^0.0.2",
// sinon測試框架
"sinon": "^7.2.7",
"sinon-chai": "^3.3.0",
"style-loader": "^0.23.1",
// utf-8 字符轉換
"transliteration": "^1.1.11",
// 壓縮js插件
"uglifyjs-webpack-plugin": "^2.1.1",
// 駝峰寫法
"uppercamelcase": "^1.1.0",
// url加載器
"url-loader": "^1.0.1",
// vue
"vue": "2.5.21",
"vue-loader": "^15.7.0",
"vue-router": "^3.0.1",
"vue-template-compiler": "2.5.21",
"vue-template-es2015-compiler": "^1.6.0",
// webpack
"webpack": "^4.14.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.11",
"webpack-node-externals": "^1.7.2"
}
項目結構
-
build：放置webpack的配置文件 -
examples：放置element api的頁面文檔 -
packages：放置element的組件（css樣式放置在這個目錄的theme-chalk下） -
src/directives：放置自定義指令 -
src/locale：放置語言的配置文件 -
src/mixins：放置組件用的混入文件 -
src/transitions：放置動畫配置文件 -
src/utils：放置用到的工具函數(shù) -
src/index.js：組件注冊的入口文件 -
test：測試文件 -
types：這個文件里放了typescript的數(shù)據(jù)類
