技术

cocos2djs编译小工具

之前遇到了一个需求，在一个项目中，需要多个cocos的页面，于是想将之前编译vue页面的工具拿来编译一下cocos。

初步设想是使用命令

1
node coco_build/build.js --path test/abc

来编译指定路径中的cocos工程。

整体的编译工具是基于vue的编译工具修改的，首先在build.js和dev.js中添加参数检测代码。

1
2
3
4
if(!utils.checkArgv("path") || utils.checkArgv("path").val == ""){
  console.log(chalk.red("无效路径"));
  return;
}

之后在webpack的配置js文件中加入路径的代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
module.exports = {
  templateindex: utils.checkArgv("path").val + 'coco_src/index.html',
  build: {
    env: require('./prod.env'),
    index: path.join(__dirname, "..", "..", utils.checkArgv("path").val, '/index.html'),
    assetsRoot: path.join(__dirname, "..", "..", utils.checkArgv("path").val, '/resource'),
    assetsSubDirectory: "",
    assetsPublicPath: 'resource',
    productionSourceMap: true,
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
    bundleAnalyzerReport: process.env.npm_config_report
  },
  dev: {
    env: require('./dev.env'),
    index: path.join(__dirname, "..", "..", utils.checkArgv("path").val, '/index.html'),
    assetsSubDirectory: "",
    assetsPublicPath: 'resource',
    cssSourceMap: false
  }
}