VUE组件引入问题求助

新手学习VUE,目前就在一个小WEB项目练手。
整个项目就两个HTML页面,一个图片文件夹
|
|--images
|-A.html
|_B.html

在两个HTML文件中引入vue框架,都是使用的CDN文件方式
<script src\="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"\></script\>
<script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.min.js"></script>

后来发现可以使用NPM方式来导入框架,就在根目录下npm install vue
发现根本目下多出几个文件及文件夹
image.png

然后在node_modulesvuedist文件夹下找到vue.js
还是通过上面的方式,把这个地址加入到HTML中。VUE也可以正常运行

但是下面,我需要使用vue-resource。就在这个目录执行npm install vue-resource --save

发现在node_modules文件夹内多出一个vue-resource指向文件夹,打开后也有dist文件夹,里面也有个vue-resource.js文件。于是我又按照上面的方式把这个文件引入到HTML中
<script src="node_modules/vue-resource/dist/vue-resource.min.js"></script>

我想问下,这样添加的方式有问题吗?node_modules文件夹下每次NPM后都产生一堆文件,除了我引用的文件,其余的我可以删除吗?

阅读 1.5k
2 个回答

不可以。你这个用法类似的有 bower。

而且也不是让你这样用的。一般来说是搭配 webpack 来使用的。

如果使用npm的方式的话,还是用ESModule或者require等方式引入, 配合webpack,生成浏览器可运行的代码

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏