3.5.10 • Published 5 years ago
fe_devkit v3.5.10
devkit
前端工程化工具。支持react,vue,es6,es5, 多页和单页应用。支持多项目开发。
basic usage
基本命令
// 适用于纯静态页,没有js的情况,或者使用es3, es5开发(不做babel语法转换) $ npm start $ npm run build $ npm run buildCdn // 构建 并且上传cdn
// 适用于es6, vue, react开发,逐渐废弃,请使用后面的构建方式 $ npm startWp $ npm run buildWp $ npm run buildWpCdn // 构建 并且上传cdn
// 适用于es6, vue, react开发,完全基于webpack构建 $ npm run serve $ npm run buildUp $ npm run buildUp -- --cdn // 构建 并且上传cdn
// npm全局安装之后可以通过devkit命令操作 $ devkit new prj // 新建项目 $ devkit run serve prj // 开发项目 $ devkit run buildUp prj // 构建项目
### basic options
- src 项目名
- cdn 是否上传cdn buildUp可用
- stage 自定义环境参数(DEVKIT_STAGE) 可以和NODE_ENV搭配使用
- mspeed 显示各步骤的耗费时间
### oss.config.js (后面将替换为devkit.config.js,支持更加广泛的配置)
> 根目录下配置文件,目前可配oss参数,配合具体项目目录下的.congif.js使用
```javascript
module.exports = {
bucket: 'xxx',
region: 'xxx',
accessKeyId: 'xxx',
accessKeySecret: 'xxx'
}
.config.js
当前项目配置文件
- cdn: cdn相关配置
可参考 [webpack-aliyun-oss](https://github.com/gp5251/webpack-aliyun-oss)
- from
- dist
- bucket
- region
- accessKeyId
- accessKeySecret
- setOssPath
- setHeaders
- test
以下为cdn路径替换配置,仅针对基于gulp的构建可用, webpack构建使用output.publicPath代替
- replace: {
- js: cdnPrefix,
- image: cdnPrefix,
- css: cdnPrefix
- }
- gulpEvents: gulp事件配置,如: start,stop,err,task_start,task_stop,task_err,task_not_found,task_recursion
- webpackConfig: webpack相关配置(覆盖默认配置)