文档中心 > 开发工具&发布

qap-cli 项目初始化

更新时间:2018/10/16 访问次数:4037

初始化

使用 qap create my-project 将生成名为 my-project 的目录,主要的文件结构及解释

qap-cli 详细配置说明

qap.config.js 是 qap 应用的调试与打包配置文件,开发者一般无需关心,在有优化需求的时候,可以通过修改此文件快速达到需求,具体请参考优化

相比于 3.0.x 版本的 qap-cli ,新版本的 qap-cli^3.1.x 将与调试相关的webpack配置修改为脚手架内置,并升级 webpack 到 3.5.x 。开发者只需维护最小份的配置开关即可,**一般情况下无需修改**。

具体的 qap.config.js 配置及解释如下:

module.exports = {
  toolkit: 'fie-toolkit-nuke',
  toolkitConfig: {
    webpack: {
      sourcemap: 'cheap-module-inline-source-map',   
      //调试sourcemap类型,默认为inline-cheap-module-source-map。
      uglify: true,                                  
      // 是否对生产环境的代码进行压缩混淆,默认为true。
      hotreload: true,                                              
      // 是否进行热更新,默认为true
     regenerator:false,
     // 是否开启regenerator,支持async及await语法
      'optimize-size': {
        'webpack': true                                              
        // 是否按照使用webpack3进行tree shaking,代码需满足export import的es6规范,否则项目无法运行  
      },
      externals: {
        'nuke': true,                                               
        // 是否使用内置到客户端的nuke组件,true
        'rax': true,		                                            
        // 是否使用内置到客户端的rax组件,true	 	
        'QAP-SDK': true                                             
        // 是否使用内置到客户端的QAP-SDK组件,true 
      },
      alias: {                                                      
      // module别名,避免在项目中使用较长的引用路径
        $components: './src/components',
        $pages: './src/pages',
        $util: './src/util',
        $root: './src/',
        $data: './data/'
      },
    },
    devType: 'qap',
    report: true,                                                 
    //是否开启构建信息上报,默认为true
    open:true,                                                      
    //启动调试后是否自动打开调试辅助页面
  }
};

FAQ

关于此文档暂时还没有FAQ
返回
顶部