npm下载前端js自动复制到public文件夹

Question

文件结构如图，用npm安装的前端js库怎么自动复制到public文件夹？
或者html在引用文件时有什么简单的方式能直接引用到对应的js？

---

修改一下，我是想把静态文件集中起来，该怎么做？

Answer 1

如 @LuDongWei 同学所说，前端库还是暂时用bower来管理吧！，你可以配置.bowerrc中的 directory 指定前端库安装路径，配置如下

{
  "directory" : "public/bower_components"
}

https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/17

当然如果你一定要使用npm管理前端库的话，你可以这样

npm install angular --prefix ./public
npm install bootstrap --prefix ./public

更多内容，你可以参考 http://stackoverflow.com/questions/14742553/npm-local-install-package-to-custom-location

如果有必要的话，可以用命令npm dedupe将包结构拉平，类似于bower的库结构相同
参考这个
https://docs.npmjs.com/cli/dedupe

Answer 2

nodejs默认是在node_modules里面的，你把它当做普通文件夹看待，可以被正常引用到的。 我不知道有没有办法改变默认行为，可能是通过配置，但这并不是一个好注意。html直接引入那个js就ok啊。而且你用的是idea 应该有关联功能。

Answer 3

为什么是用npm来下载node的js？

按照你的要求如果是下载js插件的话推荐Bower

Answer 4

可以使用打包工具比如 webpack 来打包文件