@chaoswise/scaffold

scaffold

Usage no npm install needed!

<script type="module">
  import chaoswiseScaffold from 'https://cdn.skypack.dev/@chaoswise/scaffold';
</script>

README

脚手架

打包工具

工具支持指令

开发环境

chaoswise-scripts dev

生产环境

chaoswise-scripts build

代码分析

chaoswise-scripts analyze

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

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

chaoswise-cicd

默认打包dist下文件,非dist情况下加入环境变量

outputPath=myPath chaoswise-cicd

webpack扩展配置方式

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

可扩展的webpack配置

可修改的配置 描述
entry 入口
output 出口
resolve 配置如何解析模块
babelLoader 描述
eslintLoader 描述
eslintLoader.rule 自定义eslint规则
lessLoader 描述
sassLoader 描述
definePlugin 描述
htmlPlugin 描述
htmlTagsPlugin 指定要注入的脚本或者样式文件
copyPlugin 复制某个目录到指定目录
analyzePlugin 代码分析
dll dll环境全量配置
dev dev环境全量配置
build 生产环境全量配置
analyze 代码分析环境全量配置

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

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