0.5.1 • Published 2 years ago

webpack-cli-util v0.5.1

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

基于webpack配置脚手架

不依赖任何框架,可以用vue,react,node服务端。配置接口遵循webpack配置,可以在webpack默认配置下预留接口给用户自行配置等功能。

webpack-cli 配置说明

@webpack 目录中

有两个文件夹 一个是client文件夹,另外一个是server文件夹,

client文件夹

client文件夹是客户端的webpack配置,分别有

dev-client-reload.js  热启动刷新js文件
webpack.base.config   基础base配置
webpack.dev.config    dev环境配置
webpack.dll.config    dll 打包
webpack.prod.config   生产环境配置

入口是 src目录 出口是dit

server文件夹

server文件夹是客户端的webpack配置,分别有

dev-client-reload.js  热启动刷新js文件
webpack.base.config   基础base配置
webpack.dev.config    dev环境配置
webpack.dll.config    dll 打包
webpack.prod.config   生产环境配置

入口是 app目录 出口是dit

自行定义webpack配置

如果用户想自行定义webpack配置的话,可以在user-webpack-config目录下有两个配置文件

webpack.dev.config    dev环境配置
webpack.prod.config   生产环境配置

有两个目录是放Loader或者Plugin的

运行脚本

  "scripts": {
    "//注释1:": "web端dev环境运行",
    "web:dev": "cross-env NODE_ENV=development   babel-node  @webpack/index.js  WEB_ENV=dev  target=web  ",
    "//注释2:": "web端生产环境运行",
    "web:build": "cross-env NODE_ENV=production   babel-node  @webpack/index.js  WEB_ENV=prod  target=web  ",
    "//注释3:": "node服务端dev环境运行",
    "node:dev": "cross-env NODE_ENV=development   babel-node  @webpack/index.js  WEB_ENV=dev  target=node  ",
    "//注释4:": "node服务端d生产环境运行",
    "node:build": "cross-env NODE_ENV=production   babel-node  @webpack/index.js  WEB_ENV=prod  target=node  ",
    "//注释7": "编译dll文件",
    "dll": "webpack   --progress --config ./scripts/webpack/config/webpack.dll.config.js",
    "//注释8单元测试命令": "运行单元测试",
    "test": "npm run jest",
    "//注释9": "生成测试覆盖率报告",
    "coverage": "jest --coverage --config jest.config.ts",
    "mocha": "mocha ./app/test/add.test.ts",
    "test:webpack": "jest-webpack",
    "jest": " babel-node ./scripts/test.js",
    "graphql:demo": "nodemon  --exec cross-env  NODE_ENV=development  babel-node ./app/graphql/schema/graphql.demo.test.js"
  },

前端提交信息规范——commitlint

3.1.1 常用的type类别

  • upd:更新某功能(不是 feat, 不是 fix)
  • feat:新功能(feature)
  • fix:修补bug
  • docs:文档(documentation)
  • style: 格式(不影响代码运行的变动)
  • refactor:重构(即不是新增功能,也不是修改bug的代码变动)
  • test:增加测试
  • chore:构建过程或辅助工具的变动

例子:

git commit -m 'feat: 增加 xxx 功能'
git commit -m 'bug: 修复 xxx 功能'
@babel/cli@babel/core@babel/eslint-parser@babel/eslint-plugin@babel/node@babel/plugin-proposal-async-generator-functions@babel/plugin-proposal-class-properties@babel/plugin-proposal-class-static-block@babel/plugin-proposal-decorators@babel/plugin-proposal-do-expressions@babel/plugin-proposal-export-default-from@babel/plugin-proposal-export-namespace-from@babel/plugin-proposal-function-sent@babel/plugin-proposal-json-strings@babel/plugin-proposal-logical-assignment-operators@babel/plugin-proposal-nullish-coalescing-operator@babel/plugin-proposal-numeric-separator@babel/plugin-proposal-optional-chaining@babel/plugin-proposal-pipeline-operator@babel/plugin-proposal-private-methods@babel/plugin-proposal-private-property-in-object@babel/plugin-proposal-throw-expressions@babel/plugin-syntax-dynamic-import@babel/plugin-syntax-import-meta@babel/plugin-transform-arrow-functions@babel/plugin-transform-dotall-regex@babel/plugin-transform-react-constant-elements@babel/plugin-transform-regenerator@babel/plugin-transform-runtime@babel/plugin-transform-typescript@babel/polyfill@babel/preset-env@babel/preset-react@babel/preset-typescript@babel/runtime@commitlint/cli@commitlint/config-conventional@htmllinter/basic-config@rollup/plugin-eslint@types/lodash@types/node@types/webpackadd-asset-html-webpack-pluginassertautoprefixerawesome-typescript-loaderbabel-eslintbabel-jestbabel-loaderbabel-plugin-named-asset-importbabel-preset-es2015browser-reload-error-overlay-wepback-plugincache-loadercase-sensitive-paths-webpack-pluginchalkclean-webpack-plugincli-spinnerscommitizencompression-webpack-pluginconnect-history-api-fallbackcopy-webpack-plugincore-jscross-envcrypto-browserifycss-loadercss-minimizer-webpack-plugindirectory-named-webpack-pluginesbuildesbuild-loadereslinteslint-config-airbnbeslint-config-airbnb-baseeslint-config-prettiereslint-friendly-formattereslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-prettiereslint-plugin-reacteslint-webpack-plugineventsource-polyfillexpressextended-define-webpack-pluginfile-loaderfriendly-errors-webpack-pluginget-portglobhappypackhard-source-webpack-pluginhtml-webpack-pluginhtmllint-async-loaderhtmllinter-webpack-pluginhttp-proxy-middlewarehuskyimport-frominquirerinstallis-objectjestjest-watch-typeaheadjson-loaderlessless-loaderlint-stagedlodashmini-css-extract-pluginminimistmochamocha-webpackmochawesomenode-loadernode-sassnpmopnoptimize-css-assets-webpack-pluginosenvpath-browserifyportfinderpostcss-loaderprettierraw-loaderreactreact-app-polyfillreact-domreact-reduxreadline-syncredisredux-loggerredux-sagaredux-thunkregenerator-runtimerimrafsasssass-loadersemvershelljssource-mapsource-map-loadersource-map-supportspeed-measure-webpack-pluginstream-browserifystream-httpstyle-loaderstylelintstylelint-config-standardstylelint-config-standard-scssstylelint-lessstylelint-scssstylelint-webpack-pluginsvg-captchaterser-webpack-pluginthread-loaderts-loaderts-nodetsconfig-pathstypescripturl-loaderwebpackwebpack-build-dll-pluginwebpack-bundle-analyzerwebpack-cliwebpack-dev-middlewarewebpack-hot-middlewarewebpack-hot-server-middlewarewebpack-mergewebpack-node-externalswebpackbarwebpack-hot-plugin
0.5.1

2 years ago

0.5.0

2 years ago

0.4.8

2 years ago

0.4.7

2 years ago

0.4.6

2 years ago

0.4.5

2 years ago

0.4.4

2 years ago

0.4.2

2 years ago

0.4.0

2 years ago

0.3.9

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.3.5

2 years ago

0.3.4

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.3.0

2 years ago

0.2.9

2 years ago

0.2.7

2 years ago

0.2.6

2 years ago

0.2.4

2 years ago

0.2.2

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago