@ebullience/webpack
v0.4.1
Published
webpack配置运行文件(使用webpack5,webpack-dev-server4)
Downloads
36
Readme
@ebullience/webpack
webpack配置运行文件(使用webpack5,webpack-dev-server4)
npm i -D @ebullience/webpack使用方法
命令式(会自动使用build.config.js的配置)
eb-webpack dev
eb-webpack buildjs代码
import webpackTask from '@ebullience/webpack';
// taskType表示任务类型
// configPath表示配置文件位置
webpackTask(taskType, configPath)taskType:任务类型
为枚举值:dev、build
分别表示开发和部署模式
configPath:配置文件位置
配置文件的地址,默认项目根目录下的:build.config.js
配置说明
| 配置项 | 功能 | 类型 | 默认值 | 备注 | |--------------------|--------------------------------|-------------------------------------------|-------------------------------------|--------------------------------------------------------------------| | isBuild | 是构建还是开发模式 | boolean | false | | inputFile | 入口文件地址 | string/string[] | library为ture时为index.ts,否则为index.tsx | 为字符串为单页应用,为字符串数组为多页应用 | | outputName | 输出文件名称 | string | '' | | rootDir | 项目根目录 | string | process.cwd() | | srcDir | 源代码目录 | string | 'src' | | staticDir | 静态文件目录 | string | 'static' | | outputDir | 输出文件目录 | string | 'dist' | | publicPath | 公共文件路径 | string/() => string | library为true时为'./',否则为'/' | 同webpack配置 | | aliasDir | 目录路径别名配置 | Record<string, string> | {} || | fallbackDir | 目录路径回退配置 | Record<string, string> | {} || | showDetailProgress | 是否显示详细打包日志 | boolean | false | | host | 开发时本地host | string | 0.0.0.0 | | port | 开发时本地port | string | 8888 | | theme | 主题配置文件 | Record<string, string/number> | {} | 用于定制antd等库等主题 | | libOnDemand | 对于某些库按需加载打包配置 | Partial<LibraryImport>[] | [] | 用于antd等库 | | supportIE | 是否支持ie | boolean | false | | library | 是否打包库 | boolean | false | 为true时用于组件等开发,否则会自动匹配入口脚本同名的html文件 | | libraryName | 打包库时库的名称 | string | '' | | libraryWithStyle | 打包组件库时库时是否有样式文件 | boolean | false | | internalLib | 内部库配置,声明的库会被单独打包,多模块共用 | Record<string, string> | {} | 配置对象的key为node_modules中的库文件夹名,value为打包时组合的库名(文件名前缀),如果为空,则默认为vendor | | externalLib | 外部库配置,声明的库不会被打包至dist中 | Record<string, string> | {} | 配置对象的key为node_modules中的库文件夹名,value为在全局作用域下的名称(比如挂在window哪个属性下) | | compileLib | 需要编译的库,声明的库如果是js文件引用也会被babel编译 | string[] | [] | 每一项为node_modules中的库文件夹名 | | processEnv | 打包时配置的环境变量 | { [propName: string]: any } | {} | | proxy | 开发时代理配置 | { [propName: string]: string } | {} | 本地请求转发,同部署时nginx配置 | | extend | webpack自定义配置扩展,可以修改默认配置 | (config?: Configuration) => Configuration | undefined | | gzipOnly | 是否只保留gzip压缩后的包 | boolean | true | | chunkMaxSize | chunk最大文件大小(kb) | number | 1000 |
