使用 qap create my-project
将生成名为 my-project
的目录,主要的文件结构及解释
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, //启动调试后是否自动打开调试辅助页面 } };