Dace

Dace

  • 文档
  • API
  • 帮助
  • 博客

›概念

教程

  • 入门
  • 页面之间的导航
  • 使用公共组件
  • 创建动态页面
  • 创建简洁明了的网页地址
  • 获取页面数据
  • 与 Redux 共舞
  • 部署网站

概念

  • 命令行工具
  • 路由规则
  • 环境变量
  • 请求代理
  • 配置文件
  • 插件

常见问题

  • 自定义 eslint 规则
  • 自定义 stylelint 规则
  • 自定义 babel 规则
  • 自定义 postcss 规则
  • 自定义 webpack 配置
  • 自定义服务器端渲染模版
  • 自定义网页路由
  • 拆分打包
  • 将静态文件发布到 CDN

插件

  • Dace-plugin-redux

命令行工具

Dace 提供一组命令行工具,包含:

dace start

启动开发环境,这个 dace 默认命令,dace 等同于 dace start。

参数

  • -v, --verbose: 显示详细日志信息
  • -V, --visualizer: 启用 webpack-visualizer 打包分析工具

示例

  • 单独使用
dace start --verbose
dace start -v
dace start --verbose --visualizer
dace start -vV
  • 和 npm script 一起使用
// package.json
{
  "scripts": {
    "start": "dace start"
  }
}
npm start -- --verbose
npm start -- -v
npm start -- --verbose --visualizer
npm start -- -vV

dace build

打包编译项目。

参数

  • -v, --verbose: 显示详细日志信息
  • -V, --visualizer: 启用 webpack-visualizer 打包分析工具

参数

无

支持的环境变量

环境变量可以通过在执行命令是传入,也可以配置在 profiles 文件中。

{
  // 客户端编译输出的 stats 文件位置
  DACE_STATS_JSON: paths.appStatsJson,

  // 本地开发 web server 主机名
  DACE_HOST: 'localhost',

  // 本地开发 web server 端口
  DACE_PORT: 3000,

  // API 接口地址 BaseURL,建议配置在 profiles 中
  DACE_API_BASE_URL: 'http://localhost:3002',

  // 编译产物对外服务访问使用的 URL
  DACE_PUBLIC_PATH: '/',

  // 编译产物输出目录位置
  DACE_BUILD_PATH: paths.appClientBuild
}
Last updated on 2018-12-17
← 部署网站路由规则 →
  • dace start
    • 参数
    • 示例
  • dace build
    • 参数
    • 参数
  • 支持的环境变量
Dace
文档
教程常见问题API
社区
Stack Overflow反馈
更多
博客GitHubStar
Dace
Copyright © 2018 dace