如何/为什么从<script>包括切换到npm安装?

时间:2016-11-21 17:35:15

标签: javascript npm vue.js

我有一个VueJS项目,它使用npm来管理所有Vue的东西(vue-resource,router,Vuex等)。但是在我的index.html文件中,我还通过脚本标记包含了许多其他内容:

&#xA;&#xA;
    &#xA;
  • Bootstrap
  • & #xA;
  • jQuery
  • &#xA;
  • Tween
  • &#xA;
&#xA;&#xA;

将它们包含在内是否有益NPM,所以它们(大概是?)捆绑在主构建文件中?如果是这样,我到底该怎么做?

&#xA;

1 个答案:

答案 0 :(得分:2)

需要将依赖项捆绑到一个普通的javascript文件中,以便浏览器能够读取它。

在项目目录中,您将运行以下命令:

npm install bootstrap

npm install jquery

npm install tween

无论您想要什么,请运行以下命令:

npm install --global browserify

然后在项目目录中创建一个javascript文件(app.js),如下所示:

require('bootstrap')
window.$ = window.jQuery = require('jquery');
window.TWEEN = require('tween.js')
// rest of code...

并保存该文件。然后运行以下命令:

browserify app.js -o bundle.js

然后在你的html文件中,有这个脚本标记:

<script src="bundle.js"></script>

每次对app.js进行更改时,您都需要重新运行该browserify命令,因此请查看gulp