调试指南

开启调试工具

使用以下命令开启实时调试与编译工具

$ npm run dev

调试工具基于 NPM based workflow，所有依赖在 package.json 文件中定义。这个文件目前只用来做调试工具的配置文件，不会作为发布到 NPM 模块的描述文件。

运行以上命令后，应当可以看到以下输出：

> duoshuo-embed.css@1.1.0 dev /Users/<HOME>/duoshuo/duoshuo-embed.css
> npm run watch & npm run serve


> duoshuo-embed.css@1.1.0 serve /Users/<HOME>/duoshuo/duoshuo-embed.css
> serve --no-less .


> duoshuo-embed.css@1.1.0 watch /Users/<HOME>/duoshuo/duoshuo-embed.css
> rewatch less/*.less -c 'npm run build-less'

serving /Users/<HOME>/duoshuo/duoshuo-embed.css on port 3000

如果运行失败，检查是否 3000 端口已经被占用，如果此端口被占用，需要释放这个端口才能开启调试工具。 当调试工具正常开启后，即可访问 http://localhost:3000/example/ 页面，开始进行新主题的调试工作

实时编译 LESS

此调试工具会监听 ./less 文件夹下的文件变化，并在文件变化时实时编译 css 文件到 ./dist 目录中。./example/index.html 中引用了这个 css 文件，因此会反应出修改后效果。

工作流修改

一般情况下，不需要自己修改工作流，如果有需要，可以查看 package.json 文件，并找到 scripts 字段中相应的 shell 代码进行修改。工作流相应的依赖定义在 devDependencies 中。