@chaoswise/scaffold NPM

脚手架

打包工具

工具支持指令

开发环境

chaoswise-scripts dev

生产环境

chaoswise-scripts build

代码分析

chaoswise-scripts analyze

代码打包快捷指令(遵循CICD打包规范)

打包后路径为/publish/工程名-版本号-最后一次git提交日期-最后一次git提交commit记录

chaoswise-cicd

默认打包package.json字段的文件，也可以通过以下配置打包指定文件夹

outputPath=myPath chaoswise-cicd

扩展配置方式

1. 内置配置

// 修改config/webpack.config.js
module.exports = {
  themes: [
    {
      name: 'light',
      entryPath: path.resolve(__dirname, './themes/light.js')
    }, 
    {
      name: 'dark',
      entryPath: path.resolve(__dirname, './themes/dark.js')
    }
  ], // 多主题配置
  modifyVars: require.resolve('./themes/light.js'), // 单主题配置
}

可修改的配置	描述	默认值	备注
debugIe	是否开启ie调试模式	false
useMultipleTheme	是否开启多主题	false
runtimePublicPath	是否开启动态publicPath	false	参考
publicPath	publicPath	'/'	runtimePublicPath为`false`时生效
isNoticeUpdate	是否开启升级通知	true
speedMeasure	是否开启打包测速分析	false	speed-measure-webpack-plugin
strictPathCheck	是否开启路径严格检测模式	true	case-sensitive-paths-webpack-plugin，会延长打包时间，windows电脑无此问题可关闭
disableESLintPlugin	是否禁用eslint	false
checkCircularDependency	是否开启循环依赖检测	true
nodePolyfillPlugin	Polyfill Node.js core modules in Webpack	true
prettierFixed	是否自动格式化代码	true
optimization	是否开启打包优化	true	需要线上部署进行debug可以关闭此配置（显示console/增加sourceMap等）
dropConsole	build模式是否去除console	true	debug信息线上需要显示的时候
themes	多主题配置文件配置	[]	可参考以上demo,useMultipleTheme为`true`时生效
isCombinePortal	是否开启对接portal的配置	false	对接portal文档
modifyVars	单主题配置文件	-	可参考以上demo，useMultipleTheme为`false`时生效
usePolyfill	是否引入polyfill兼容ie	true	不兼容ie可以配置为`false`
useChaoswiseUI	是否引入@chaoswise/ui相关配置	true
useThreadLoader	是否开启多线程编译	false

2. 自定义webpack配置

// 修改config/webpack.config.js
name/* 配置名称 */: (original/* 默认配置 */) => {
  console.log(original);
  // demo：修改默认配置
  original.port = "8802";
  // 必须返回修改后的配置
  return original;
}

可扩展的webpack配置

可修改的配置	描述
entry	入口
output	出口
resolve	配置如何解析模块
babelLoader	babel解析规则
postcssLoader	postcss-loader配置
styleLoader	style-loader配置
lessLoader	lessLoader配置
threadLoader	threadLoader配置
sassLoader	sassLoader配置
definePlugin	配置环境变量
miniCssExtractPlugin	miniCssExtractPlugin配置
htmlPlugin	配置html-webpack-plugin
htmlTagsPlugin	指定要注入的脚本或者样式文件
copyPlugin	复制某个目录到指定目录
analyzePlugin	代码分析
ignorePlugin	忽略插件
dll	dll环境全量配置
dev	dev环境全量配置
build	生产环境全量配置
analyze	代码分析环境全量配置

获取全局配置文件并修改webpack配置 merge.smart

// 修改config/webpack.config.js
expandConfig/* 配置名称 */: (original/* 默认配置 */) => {
  // 合并规则（merge.smart）
  return {
    // 自定义配置
  };
}

scaffold

@ant-design/moment-webpack-plugin @babel/core @babel/eslint-parser @formatjs/intl-getcanonicallocales @formatjs/intl-locale @formatjs/intl-numberformat @formatjs/intl-pluralrules @ianwalter/exclude-assets-plugin @loadable/component @pmmmwh/react-refresh-webpack-plugin @styled-jsx/plugin-sass @svgr/webpack @swc/core @swc/plugin-styled-jsx @swc/plugin-transform-imports babel-loader babel-plugin-formatjs babel-plugin-import babel-preset-mobx babel-preset-react-app browserslist case-sensitive-paths-webpack-plugin circular-dependency-plugin clean-webpack-plugin copy-webpack-plugin core-js css-loader css-minimizer-webpack-plugin custom-event-polyfill decomment eslint eslint-config-prettier eslint-config-react-app eslint-plugin-import eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks eslint-webpack-plugin execa file-loader form-data fs-extra html-webpack-plugin html-webpack-tags-plugin ignore js-yaml less less-loader loader-utils lodash md5-file mini-css-extract-plugin node-fetch node-polyfill-webpack-plugin node-watch postcss postcss-flexbugs-fixes postcss-loader postcss-normalize postcss-preset-env prettier react-refresh react-router-cache-route resolve-url-loader sass sass-loader schema-utils shelljs speed-measure-webpack-plugin style-loader styled-jsx swc-loader targz thread-loader update-notifier webpack webpack-bundle-analyzer webpack-dev-server webpack-merge webpack-sources whatwg-fetch

@infinitebrahmanuniverse/nolb-_chao @everything-registry/sub-chunk-165 @zalastax/nolb-_chao

8 months ago

8 months ago

11 months ago

12 months ago

6 months ago

7 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago