2020-02-05, Chart.js 生成 dist 及運行範例

举报
Mark Chen 发表于 2020/02/05 22:26:54 2020/02/05
【摘要】 先看官網的有代碼的部份,尤其是放在 Github 的,npm install 是先在這先有一份基本的食材或是原料細節不講,光是名稱 $ tree node_modules/ -L 1node_modules/├── @babel├── @types├── abbrev├── accepts├── acorn├── acorn-jsx├── after├── ajv├── amdefin...



先看官網的

1580911765427257.png

有代碼的部份,尤其是放在 Github 的,


1580911802213098.png



npm install 是先在這先有一份基本的食材或是原料

1580911951434141.png



細節不講,光是名稱

    $ tree node_modules/ -L 1
node_modules/
├── @babel
├── @types
├── abbrev
├── accepts
├── acorn
├── acorn-jsx
├── after
├── ajv
├── amdefine
├── ansi-colors
├── ansi-cyan
├── ansi-escapes
├── ansi-gray.


...
├── use
├── user-home
├── useragent
├── util-deprecate
├── utils-merge
├── uuid
├── v8-compile-cache
├── v8flags
├── validate-npm-package-license
├── value-or-function
├── verror
├── vinyl
├── vinyl-fs
├── vinyl-sourcemap
├── vinyl-sourcemaps-apply
├── void-elements
├── which
├── which-module
├── wordwrap
├── wrap-ansi
├── wrappy
├── write
├── ws
├── xmlcreate
├── xmlhttprequest-ssl
├── xtend
├── y18n
├── yallist
├── yargs
├── yargs-parser
├── yazl
└── yeast

703 directories, 0 files
$


這樣子才能做出我們要的 chart.js 。

之所以強調,是想說明這不是靠蠻力可以完成的。是有機制的。


在本地上的運行,其及調用的 js。

如此,就算是離線,也可以運行起來。

這部份的 javascript 是可以直接在 browser 運行,不需要有服務器端的動作。


1580912479806376.png

1580912479917498.png


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。