Dace

Dace

  • 文档
  • API
  • 帮助
  • 博客

›概念

教程

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

概念

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

常见问题

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

插件

  • Dace-plugin-redux

插件

插件可以用来修改 dace 的 webpack 配置项。

和单纯修改 dace.config.js 相比,插件的优势在于封装性好、使用简单。

约定

  • 插件名以 dace-plugin- 开头。
  • 使用时可以省略插件名称中的 dace-plugin-。
  • 插件导出的模块中必须包含 modify() 方法,modify() 接收以下参数:
    • config: 已有的 webpack 配置项
    • { target, isDev }
      • target: web or node
      • isDev: 是否为 dev 环境
    • webpack:webpack 实例
    • { paths }:dace 内置的路径信息

使用

在 dace.config.js 使用插件:

module.exports = {
  plugins: ['redux'] // 使用 dace-plugin-redux
};

使用参数

可以给插件传递参数,只需声明插件时传入一个数组即可(类似 babelrc 和 eslintrc)。

plugins: [
  ['redux', {
    middlewares: [
      // ...
    ]
  }]
]

写一个自己的插件

参考 dace-plugin-redux

Last updated on 2018-12-14
← 配置文件自定义 eslint 规则 →
  • 约定
  • 使用
  • 使用参数
  • 写一个自己的插件
Dace
文档
教程常见问题API
社区
Stack Overflow反馈
更多
博客GitHubStar
Dace
Copyright © 2018 dace