如何将less文档部署到自己的网站

由于目前公司的项目都是vue项目，css采用less，所以在网站找了一些less的教程，但是排在前面的教程只有部分中文汉化。

所有有着自己部署less文档的想法，从github项目能看到说明文档，但是过于简洁，而且按照官方文档的说明编译不了。

最终从网上找到了一些汉化的版本。照着说明操作一番，虽然中间还是有一些曲折，但是好在最终能正常编译。

具体操作步骤如下：

下载源码：

git clone https://gitee.com/wilkwo/lessdocs.git

安装依赖

npm i 安装package.json文件中的依赖

npm i coffeescript  // 后面编译需要用上这个依赖包

npm i grunt-cli -g  // 全局安装grunt,否则后面执行grunt命令的时候会找不到（mac下需要用sudo命令）

修改Gruntfile.js里面的文件download下的package.src地址

默认是从 https://raw.githubusercontent.com/less/less.js/master/packages/less/package.json 下载，但是这个地址能正常打开，但是编译到这个会报错，所以可以绕过这个问题，将文件下载后上传到其他国内的网站，这样就能正常下载了。

最后执行 node   data/_utils/pkg && grunt --force  命令就能编译成功了。编译完成将生成的静态文件上传的网站就大功告成了。

注意官网提供的node data/utils/pkg &&grunt     其中utils有错误，因为代码里面已经改为_utils了，但是文档还没改。

本文章由javascript技术分享原创和收集