通过 NPM 从 Github 上安装的插件如何运用到项目中。

Question

最近在学习使用 Node NPM Gulp ，可是有一个地方一直不明白。

我在网上找到一个H5游戏引擎：matter-js。

在它的 github 介绍里，介绍了两种使用方式：

第一种是把 matter.js 文件下载下来。放到 src/js 文件路径下，通过 <script src> 的方式引用。这个好理解。

但是第二种通过 npm install matter-js 。这种方式怎么引用呢？

我先安装了了，然后再 node_modules 文件夹下有一个 .0.12.0@matter -js 文件夹，如图：

问题来了，在我写 index.html 时，我的 <script src> 要怎么写？难道是：

< script src="../node_modules/.0.12.0@matter -js">

感觉肯定不是这样的呀！但是是怎样的呢？文件目录结构、html文件如图：

求大神指点一下~~~

Answer 1

新建一个入口文件,如 index.js,将这个入口文件引用到index.html里,
然后在index.js导入matter.js

const matter = require('matter')

or 使用ES2015的语法,再使用babel工具将你写的代码转换成浏览器能运行的代码

import matter from 'matter'