问题标签 [npm-build]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
882 浏览

node.js - npm build 如何通过变量或脚本更改 package.json - 主页值

我使用创建了我的应用程序create-react-app,并使用它npm run build来构建生产包。

我需要将应用程序放在不同客户的网站上,每个客户都将应用程序放在不同的子文件夹中。

例如
客户端A:https://clientA.com/myApp
客户端B:https://clientB.com/UAT/myApp
客户端C:https://clientC.com/webApps/myApp

每次构建包时,对于不同的子文件夹,我都需要修改 中的homepagepackage.json,构建包并多次重复此步骤。

我的手动步骤如下:

  1. 修改"homepage": "myApp">>npm run build保存构建文件夹进行部署
  2. 修改"homepage": "/UAT/myApp">>npm run build保存构建文件夹进行部署
  3. 修改"homepage": "/webApps/myApp">>npm run build保存构建文件夹进行部署
  4. 不断重复上述操作......

我该如何改善这种情况?我怎样才能构建一次以适应所有不同的路径?
例如,我可以在homepage值中使用变量并将其设置在环境变量中吗?

或者,我可以写一个脚本来做一些事情吗?我希望简化这个编译步骤,最好是执行一次构建或构建脚本。

感谢您的任何帮助或建议。

0 投票
1 回答
416 浏览

javascript - Symfony/encore 在没有 devDependencies 的情况下无法编译

我将 Symfony5 与 encore 一起使用,在我尝试部署到生产之前一切都很好。运行 npm install --production 以安装依赖项。运行 npm run build --prod 进行编译。

@symfony/encore-webpack 真的必须是 devDependency 吗?我试图将 @symfony/encore-webpack 从 devDependencies 移动到依赖项,但随后我收到一个错误消息,提示我需要安装 node-sass 和 sass-loader,尽管它们位于 devDependencies 中(据我所知,它们肯定应该在那里)。

这是错误日志:

这是我的 package.json:

webpack.config.js:

0 投票
2 回答
323 浏览

angular - 角度构建中究竟何时包含 devDependencies

我有一个 Angular 项目,我以两种不同的方式构建 - 适用于两种不同的环境(DEV 和 PROD;都在公司服务器上)

在线我发现了devDependencies(来自package.json)何时包含在构建中的不同定义。

def1:仅在本地开发期间 -> 不在运行时

def2:仅当非产品构建时

如果定义 1 是准确的,那么我的问题就已经过时了。但是,如果定义 2 为真,那么我的问题是:

这两个命令中的哪一个有资格作为产品构建?

这个问题是由于我的一些 devDependencies 具有被评为不安全的子依赖项(公司内部)。如果 devDependencies 没有随任何部署一起提供(DEV 和 PROD 都没有),则没有问题。

0 投票
0 回答
71 浏览

reactjs - NPM 构建的时间戳

我想创建应用程序构建的时间戳。准确地说,每次我运行我的 npm 构建时,我都想在我的 package.json、清单或自定义 json 中创建一个时间戳,以便在我上次运行我的 npm 构建时保存。

它应该只在我运行我的 npm 构建时更新。我使用反应。是否有任何 npm 脚本可以做到这一点?

请帮助是否可以实现这一点。提前致谢!

0 投票
1 回答
39 浏览

vue.js - 用于生产的 VUE 构建不应用 CSS

我已经购买了这个 VUE 模板。从它的文档中,如果我运行npm run install && npm run dev. 看起来是正确的输出时

当我执行npm run build以使我的生产就绪项目时。如您所见,它看起来不一样: 在此处输入图像描述

我检查了生成的 HTML 中的 css 链接,只有一个指向“文件”。我相信是正确的......(?)

这里是vue.config.js

我的env.production样子:

  1. 我在配置文件中缺少什么?
0 投票
1 回答
52 浏览

c# - 以编程方式运行“npm run build”不会为 Angular 8 应用程序生成“index.html”

我想以编程方式构建我的 Angular 8 应用程序以实现自动化过程并使用以下 C# 方法。

执行上述方法时,我面临两个问题:

  1. 在以下方法运行时,它不会在 dist 文件夹下生成 index.html 文件。注意:如果我直接在 cmd.exe 上运行“npm run build”命令,它会生成 index.html。
  2. 它不会长时间退出进程,我必须杀死它。

我错过了什么,我该如何解决?

注意:在运行上述方法之前,我已经运行了“npm install”。

更新:以下是基于 Serg 回答的更新代码,用于避免 stdout 和 stderr 的读/写死锁...

0 投票
0 回答
21 浏览

github - 代码在 VSCode 中编译,但不在 ubuntu 服务器上

我是部署应用程序的新手,因为这是我第一次这样做。我正在尝试将我的 mern 应用程序部署到 aws ec2 实例,以使用 mongodb atlas,我使用的是 ubuntu 20.04 服务器。

我正在关注本指南https://keithweaverca.medium.com/setting-up-mern-stack-on-aws-ec2-6dc599be4737,在将我的 github 存储库拉到 ubuntu 服务器后,我必须分开,一切正常,我跳过了指南的 mongodb 部分,因为我已经创建了一个 mongodb 集群。

我不知道现在该怎么办,我的 repo 文件夹是这样拆分的......

虽然指南没有说,我不需要在前端目录中运行'npm run build'吗?在我运行“npm install”之后?

如果是这样,我的代码没有编译,我不确定为什么,它说存在内存泄漏和 javascript 过载。

我知道这是很多问题,没有太多细节,但我什至不明白这一点,无法提供更多信息。有任何问题请提出。我只需要知道从 github 存储库中提取代码后要运行哪些命令。

0 投票
1 回答
30 浏览

mern - 我需要在 ubuntu 服务器上编译我的代码吗?

当我在 vsCode 终端中运行“npm run build”时,几秒钟之内,它就会编译。但是,当我从 gihub 中提取代码后在 ubuntu 20.04 服务器上运行“npm run build”时,需要几个小时,然后才真正编译。原因通常是内存泄漏,但我开始增加内存分配,现在服务器在完成构建之前断开连接。

我的应用程序是一个 mern 应用程序,有人知道这是我的代码问题还是我不​​需要在 ubuntu 服务器上构建我的应用程序的问题?例如,我可以先构建它的应用程序 vscode,因为这似乎有效吗?

0 投票
1 回答
470 浏览

node.js - npm run build 不工作:`sh: 1: start: not found`

无法构建 nodejs 项目 npm run build 不起作用,我也尝试过 nodemon 仍然无法做到。应用程序在localhost:3000. 但在建造时它失败了

包.json

0 投票
1 回答
277 浏览

node.js - Webpack TypeError [ERR_INVALID_ARG_TYPE]:“路径”参数必须是字符串类型。收到未定义

我对在 webapps 中使用 webpack 相当陌生。我正在尝试使用 nodejs 和 webpack 构建 vue js 和 asp.net 核心 SPA。我在屏幕截图中遇到了这个错误。我已经使用 npm 安装了所有依赖项,然后我尝试运行 .net core vue 应用程序,它打开了 cshtml 网页,但未加载网页的依赖项部分。请参阅另一个屏幕截图。

webpack 命令错误

没有加载任何 css 和 vue 代码且未编译的 cshtml 网页。

来自 Package.json 的开发依赖项

此构建命令在屏幕截图 1 中给出错误

如果需要更多详细信息,请告诉我。我将不胜感激任何帮助或建议。谢谢