【问题标题】:how to organize my yarn packages如何组织我的纱线包
【发布时间】:2017-09-29 14:01:28
【问题描述】:

我是 Yarn 的新手(读到 Bower 已被弃用),我要求最佳实践来区分服务器端库和 WebUI 浏览器库。

我正在运行一个需要为其安装库的server.js (node.js),我通常将它们留在node_modules 中。我以前用npm安装它们

我的 web 应用还有我想在我的 assets 文件夹中拥有的静态库。

yarn add jquery
yarn install --modules-folder assets/vendor

现在它会将我所有的 NPM 库安装到 assets/vendor 中,但我只想在其中包含 jquery

如何解决这个问题?

Yarn 是 NPM 的替代品吗?

【问题讨论】:

    标签: node.js express yarnpkg


    【解决方案1】:

    首先,使用 NPM 和 Yarn 并不是一个好习惯……您必须选择要使用的包管理器!

    它们很相似,主要目标是安装/卸载您的第三方依赖项。它们不会互相取代。

    阅读 Yarn 与 Npm:https://blog.risingstack.com/yarn-vs-npm-node-js-package-managers

    您也可以使用npm install jquery --save 安装jquery :)

    构建你的包

    如果您正在创建一个 SPA 应用程序,我建议您将您的 API 和 WebApp 分离到一个单独的存储库中。

    如果您想在同一个存储库中使用,您只需将前端依赖项安装为普通依赖项(它们都是您的应用程序的依赖项)!我建议您使用 webpack 将您的资产从 node_modules 捆绑到 /app/assets 文件夹。

    【讨论】:

    • 因此,您可以使用 Yarn 或 NPM 作为服务器端,使用 Webpack 来作为前端依赖项。这可能是我丢失的信息。我会看看Webpack。干杯
    • 不,你应该使用 NPM 或 Yarn 来处理所有类型的依赖!不管是后端还是前端!您可以使用 Webpack 获取所有前端依赖项并将它们捆绑在您的文件夹 /assets 中的单个文件中 :) 我希望它对您有所帮助 :)
    • 您是说应该将我所有的前端依赖项编译到一个文件中,例如production.min.cssproduction.min.js?我想我只会使用 WebPack 将文件从node_modules 复制到我的assets/vendor 文件夹中,例如assets/vendor/bootstrap/js/*.min.jsassets/vendor/bootstrap/css/*.min.css。这就是我认为应该这样做的方式,将production.min.js留给我自己的Javascript代码。
    • 通常人们将所有外部库捆绑到一个 .js 和 css 文件中,另外 2 个用于您的 js 和 css 文件!您可以使用 webpack 来复制和捆绑您的外部和自己的依赖项:)
    猜你喜欢
    • 1970-01-01
    • 2019-07-11
    • 2022-10-26
    • 2019-01-20
    • 2017-09-16
    • 2020-07-15
    • 1970-01-01
    • 1970-01-01
    • 2021-10-26
    相关资源
    最近更新 更多