本地开发

使用

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

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

nowa server

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

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

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 向页面中插入的脚本地址的数组

results matching ""

    No results matching ""