本地开发

使用

可以通过 nowa server 命令来开启一个本地开发调试服务器。

如果提示找不到 server 命令，请通过 nowa install server 来安装

  1. nowa server

该命令必须使用在通过 nowa init 创建的项目中，请在项目根目录下执行。

也可通过快捷命令 npm start 来完成同样的工作。

本地开发 - 图1

nowa server 将把以下目录作为静态资源监听目录：

  • ./html
  • ./src/lib（该目录跟随 —src 配置而改变）
  • ./dist（该目录跟随 —dist 配置而改变）
  • .webpack 的构建输出文件将不会写到文件系统，而是缓存在内存中，在访问时直接输出。这样做可显著提高构建效率。

参数

nowa server 接受以下候选参数：

  • -s, —src <dir> 源代码目录，默认指向 src
  • -d, —dist <dir> 输出代码目录，默认指向 dist
  • -p, —port <port> 服务器监听端口，默认指向 3000
  • -e —entry <file> 应用入口文件，默认指向 app/app.js
  • —pages [pages] 开启多页面入口规则，可传入需要构建的页面，例如 home,demo
  • —vars 运行时环境变量（详见环境变量篇）
  • —buildvars 构建时环境变量（详见环境变量篇）
  • -r, —proxy 开发服务器的资源代理设置
  • -k, —keepcss 实时输出 css 文件到 dist 目录
  • -l, —lazyload 禁用变更的实时推送
  • -h, —https 开启 https 服务器
  • —externals webpack 外部变量定义
  • -o, —open 使用默认浏览器访问页面
  • —loose 使用 babel es2015 的宽松模式来做代码转换
  • —historyApiFallback 路由映射配置（详见路由映射篇）
  • —mockapi 模拟数据脚本映射配置（详见模拟数据篇）
  • —includes 需要过 loader 的资源目录，默认同 src
  • —polyfill 引入 babel 的 polyfill，可直接使用 Object.assign 等类方法和 Map、Set、Promise 等类，默认为 false
  • —alias 路径别名配置，此处配置为相对路径，相对于源代码目录 src，默认为 { "i18n": "i18n" }
  • —injects 向页面中插入的脚本地址的数组