element源碼學(xué)習(xí)一(package.json)

package.json

先從package.json開(kāi)始看起

腳本

"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"
  }

生產(chǎn)依賴(lài)

"dependencies": {
    // 異步驗(yàn)證插件
    "async-validator": "~1.8.1",
    // JSX語(yǔ)法
    "babel-helper-vue-jsx-merge-props": "^2.0.0",
    // 深度合并插件
    "deepmerge": "^1.2.0",
    // 滾輪插件
    "normalize-wheel": "^1.0.1",
    // 實(shí)現(xiàn)響應(yīng)式VUE組件
    "resize-observer-polyfill": "^1.5.0",
    // 防抖節(jié)流插件
    "throttle-debounce": "^1.0.1"
  },

開(kāi)發(fā)依賴(lài)

  "devDependencies": {
    // 編譯.vue文件
    "@vue/component-compiler-utils": "^2.6.0",
    // 一個(gè)托管的全文、數(shù)字和分面搜索引擎,能夠在第一次按鍵時(shí)提供實(shí)時(shí)結(jié)果。
    "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斷言庫(kù)
    "chai": "^4.2.0",
    // node fs工具
    "chokidar": "^1.7.0",
    // 將單個(gè)文件或整個(gè)目錄復(fù)制到構(gòu)建目錄。
    "copy-webpack-plugin": "^5.0.0",
    // 代碼測(cè)試覆蓋率
    "coveralls": "^3.0.3",
    // 跨平臺(tái)支持UNIX命令
    "cp-cli": "^1.0.2",
    // 運(yùn)行在平臺(tái)上設(shè)置和使用環(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測(cè)試庫(kù)
    "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測(cè)試庫(kù)
    "mocha": "^6.0.2",
    // node.js的sass
    "node-sass": "^4.11.0",
    // 優(yōu)化/最小化css資源
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    // 視差滾動(dòng) https://perspective.js.org/#/zh-cn/
    "perspective.js": "^1.0.0",
    "postcss": "^7.0.14",
    // 命令行進(jìn)度條插件
    "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測(cè)試框架
    "sinon": "^7.2.7",
    "sinon-chai": "^3.3.0",
    "style-loader": "^0.23.1",

    // utf-8 字符轉(zhuǎn)換
    "transliteration": "^1.1.11",
    // 壓縮js插件
    "uglifyjs-webpack-plugin": "^2.1.1",
    // 駝峰寫(xiě)法
    "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"
  }

項(xiàng)目結(jié)構(gòu)

  • build:放置webpack的配置文件
  • examples:放置element api的頁(yè)面文檔
  • packages:放置element的組件(css樣式放置在這個(gè)目錄的theme-chalk下)
  • src/directives:放置自定義指令
  • src/locale:放置語(yǔ)言的配置文件
  • src/mixins:放置組件用的混入文件
  • src/transitions:放置動(dòng)畫(huà)配置文件
  • src/utils:放置用到的工具函數(shù)
  • src/index.js:組件注冊(cè)的入口文件
  • test:測(cè)試文件
  • types:這個(gè)文件里放了typescript的數(shù)據(jù)類(lèi)

目錄

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容