# 从 2.x 升级到 3.0

Hello balm-core 🎉

为企业级前端工作流而生

# 1. 安装 balm

yarn global add balm-core
yarn add -D balm

npm install -g balm-core
npm install -D balm

# 2. 升级入口配置文件

/path/to/project

  • gulpfile.js => balm.config.js

    module.exports = {
      // 你的项目配置
    };
    

    const getConfig = require('./config/balmrc.js'); // 你的项目配置
    
    const api = (mix) => {
      // 使用API自定义任务
    };
    
    module.exports = (balm) => {
      return {
        config: getConfig(balm),
        api
      };
    };
    
  • 更新 package.json:

    {
      "scripts": {
        "dev": "balm",
        "prod": "balm -p"
      }
    }
    

# 3. balm.config 变化

  • config.paths.source.html
  • config.styles.minified => config.styles.minify
  • config.scripts.hot
  • config.scripts.esbuild
  • config.scripts.buildOptions
  • config.scripts.useTransform
  • config.scripts.transformOptions
  • config.assets.publicUrlPlaceholder
  • config.assets.publicUrl

打包工具:

  • esbuild (new)
  • webpack (old)
Last Updated: 4 years ago