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


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

答案 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。