脚手架

打包工具

工具支持指令

开发环境

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 {
    // 自定义配置
  };
}