Qgtools NPM | npm.io

qgtools 是基于webpack的自定义构建工具用于构建React项目

支持构建React TS公共组件、实际项目的本地调试、构建发布

1.0.25 publicPath=> ''

包含： (1) CSSModule (2) SCSS (3) SVG雪碧图loader (4) 静态资源处理 (5) 其他资源处理 (6) @别名 (7) PostCSS (8) CSS压缩，JS压缩，处理debugger、console、注释处理 (9) 代码分割等等。

示例项目展示： http://103.117.121.53:8001/

示例项目源码（包含了构建工具源码、组件库源码）： https://gitee.com/qglove/qg-iterative-react-temp.git

组件库源码(使用自定义构建工具打包)： https://gitee.com/qglove/qg-iterative-react-coms.git

自定义构建工具源码： https://gitee.com/qglove/qg-iterative-web-build.git

目前雏形已经构建完毕

1.开启本地调试 qgtools startapp

2.构建项目包 qgtools buildapp

3.构建TS公共组件库 qgtools packageapp

webpack

@babel/core @babel/eslint-parser @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators @babel/plugin-proposal-function-bind @babel/plugin-proposal-optional-chaining @babel/plugin-proposal-private-property-in-object @babel/plugin-syntax-dynamic-import @babel/plugin-syntax-flow @babel/plugin-transform-react-jsx @babel/plugin-transform-runtime @babel/preset-env @babel/preset-react @babel/preset-typescript @pmmmwh/react-refresh-webpack-plugin @trivago/prettier-plugin-sort-imports @types/webpack-env autoprefixer babel-loader commander copy-webpack-plugin cross-env css-loader css-minimizer-webpack-plugin fork-ts-checker-webpack-plugin html-webpack-plugin less less-loader mini-css-extract-plugin node-polyfill-webpack-plugin npmlog postcss postcss-loader react-refresh sass sass-loader speed-measure-webpack-plugin style-loader stylelint stylelint-order svg-sprite-loader terser-webpack-plugin ts-loader typescript webpack webpack-cli webpack-dev-server webpack-merge webpackbar

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago