如何将web应用发布到NPM
将web应用发布到NPM可以通过以下步骤完成：
- 创建一个NPM账号：首先，你需要在NPM官网上创建一个账号。访问https://www.npmjs.com/，点击"Sign Up"按钮，按照指示填写必要信息并完成注册。
- 初始化项目：在你的web应用项目根目录下，打开命令行终端，运行以下命令初始化项目：npm init按照提示填写项目信息，包括项目名称、版本号、描述等。
- 编写代码：在项目中编写你的web应用代码，并确保代码可以在本地环境正常运行。
- 创建入口文件：在项目根目录下创建一个入口文件，通常命名为
index.js或main.js，用于导出你的web应用模块。 - 创建
package.json文件：在项目根目录下创建一个package.json文件，用于描述你的web应用模块的元数据和依赖项。运行以下命令自动生成package.json文件：npm init -y这将使用默认值创建package.json文件。 - 发布到NPM：运行以下命令将你的web应用模块发布到NPM：npm publish这将把你的代码上传到NPM服务器，并将你的web应用模块发布到NPM仓库中。
- 安装和使用你的web应用模块：其他开发者可以通过运行以下命令安装和使用你的web应用模块：npm install <your-package-name>其中
<your-package-name>是你在package.json文件中指定的包名。 - 更新你的web应用模块：如果你对你的web应用模块进行了更新，可以通过运行以下命令将更新后的版本发布到NPM：npm version <new-version>
npm publish其中
<new-version>是你的新版本号。
请注意，以上步骤假设你已经安装了Node.js和NPM，并且已经配置好了NPM的注册表。另外，发布到NPM的web应用模块应该是一个独立的、可复用的模块，而不仅仅是一个单独的web应用。
相关·内容
1回答
发布到npm，未发布“`main`”中定义的文件
javascript、node.js、typescript、npm
我试图将一个包发布到npm，由于某种原因，我在package.json中定义的.js没有包含在包中。我的项目是用typescript编写的，我通过下面的npm脚本.
"prepublishOnly": "tsc -p ./ --outDir dist/"
它正确地将我期望的文件输出到本地dist/app.js。然后我做了一个npm publish，readme.md和其他一些文件被发布，但不是我期望的app.js。package.json的主集合为dist/app.js，所以我在这里遗漏了什么？
这是我第一次发布npm软件包，所以它可能是愚蠢的，乐于尝试任何想法
浏览 2提问于2017-11-16得票数 3
回答已采纳
1回答
如何在dockerfile中添加带有asp.net核心构建的angular构建？
angular、docker、asp.net-core
我在同一个解决方案中创建了一个Asp.Net Core Web API项目和一个单独的Angular应用程序。我没有选择SPA模板来分离关注点。我已经能够对接Asp.Net核心WebAPI构建和运行步骤，还添加了angular构建。但是当我构建dockerfile时，我没有看到与angular/npm build相关的消息，也没有构建它们。我没有配置angular的构建输出到wwwroot文件夹的副本，但在此之前，我希望看到我的angular应用程序也是使用Asp.Net核心构建构建的。所以有人能帮我解决这个问题吗？下面是我的dockerfile：
# ASP.NET CORE BUILD S
浏览 0提问于2021-03-28得票数 0
1回答
配置Lerna以将NPM包发布到私有Gitlab存储库
gitlab、lerna
我正在用Lerna做一些测试，以创建一个带有一堆包的单一存储库，我想与一些应用程序共享这些包。我按照Lerna的文档设置了一个项目，文件结构如下： - lernatest/
- lerna.json
- package.json
- packages/
- common
- src/
- index.ts
- .npmrc
- package.json
- models
- src
浏览 63提问于2020-10-15得票数 6
2回答
需要本地节点模块
node.js、npm
当使用已在NPM上注册的模块时，包含它们的过程很简单:运行npm install <package>，然后添加var package = require('<package>')
但是，我不确定如何在我自己的模块中“设置”。我还没有准备好发布到NPM，但我确实想以与前面概述的相同的方式require模块。
因此，我完成了以下步骤：
在我的模块的node_moduels目录中创建了一个子目录。
在这个新目录中添加了一个package.json文件(通过npm )
在dependencies文件中包含了一个package.json部分
这
浏览 1提问于2015-09-12得票数 5
1回答
是否有一种方法来检查npm包是否需要发布，然后才进行发布？
javascript、angular、npm
我正在创建一个包含多个项目的单一代码库，每个项目都可以发布。
为了创建一个流线型的连续集成过程，我希望我的构建代理运行一个命令来发布所有需要发布的项目。显然，这不起作用，因为如果发布将在先前发布的版本上发布，并且导致命令失败，并且以下所有命令都不执行，则它将失败。就像这样：
"build-package1": "ng build package1",
"publish-package1": "npm publish ./dist/package1",
"build-package2": "ng build
浏览 1提问于2019-10-30得票数 0
回答已采纳
1回答
向asp.net核心*.csproj文件中添加预发布部分
asp.net、webpack、asp.net-core、publish
我使用webpack在我的asp.net核心MVC错误js/css文件，并把它放在www.root文件夹之后。
我的文件夹结构在屏幕上看起来像：
我在FrontEnd.csproj中添加了“构建后”部分：
<Target Name="BuildClientAssets" BeforeTargets="Build">
<Exec Command="npm install"/>
<Exec Command="npm run build"/>
</Target>
Fr
浏览 0提问于2018-01-24得票数 2
1回答
npm错误！此包已标记为私有包。
node.js、npm
我试着在npm上发表我的角度图书馆。
但我错了
npm ERR! This package has been marked as private. Remove the 'private' field from the package.json to publish it.
但是我的package.json文件中没有任何私有字段
库的package.json文件如下所示：
{
"name": "@myfirst_mylastname/testlib123",
"version": "0.0.1",
&#
浏览 2提问于2021-05-11得票数 3
1回答
如何从尾风2升级到3和创建反应-应用程序4.0.3到5.0.0 (由于后CSS 8)
reactjs、npm、create-react-app、tailwind-css
我通过创建-react app 4.0.3创建了一个项目，它使用了尾风CSS 2。我只是尝试将该项目升级到尾风CSS 3，但很快就遇到了麻烦，因为末风3依赖于Post 8，它不受创建-反应-应用程序4.0.3的支持，所以我还需要升级到创建-react app 5.0.0。
官方的Create文档说：“在大多数情况下，在package.json中跳过package.json版本并在这个文件夹中运行npm install就足够了，但是如果可能的破坏更改，最好咨询变更量。”
官方的“尾风升级指南”称“使用npm更新尾风以及PostCSS和自动重定位器”，并增加了tailwind.config.js中
浏览 3提问于2021-12-27得票数 5
1回答
上传到artifactory时，Angular应用程序的包版本控制不会自动更新
.net、angularjs、azure-devops、artifactory、npm-publish
我有一个基本的Hello world代码的angular应用程序。当我在本地运行这段代码时，npm build的一切似乎都是成功的，每次版本跳跃时，自动版本控制都会自动显示在“欢迎页面UI”上，而不会在每次运行build时对package.json进行任何更改。
我已经将更改推送到Azure DevOps上的Git repos，创建了一个YAML管道，并按照以下顺序运行构建任务: npm install npm run build Artifactory Npm - pack and publish (此步骤是在jfrog artifactory上发布.tgz文件)
我在使用自动版本控制更新a
浏览 7提问于2021-02-01得票数 0
1回答
使用webpack时的依赖关系和devDependencies
npm、webpack、dependencies、package
当我使用webpack时，在package.json dependencies中添加模块有意义吗？
当我想要开发一个包时，我使用git clone <url>然后使用npm install，然后npm从package.json文件中安装所有的dependencies和devDependencies，这是有意义的。
当我是终端用户时，我只想在我的node_modules中安装一些软件包，以便在我的项目中使用它，我运行npm install package-name，然后npm只安装，它的dependencies，这也是有意义的。
但是，当我使用dependencies时，将任何模块放
浏览 2提问于2017-06-16得票数 5
2回答
Azure NODE_PATH环境变量没有任何效果
node.js、azure、environment-variables
我有一个部署到Azure的NodeJS项目，其中包含一些项目范围的模块，比如config。
├── bin
│ └── start
├── config
│ └── index.js
└── web.config
在本地，我使用npm start启动我的应用程序，它在Windows上运行正常。
"scripts": {
"start": "SET NODE_PATH=.& node bin/start"
}
在Azure上，我还没有找到从package.json运行脚本的方法，因此我修改了web.config来运行no
浏览 4提问于2016-01-10得票数 1
2回答
发布Deno应用程序供其他人使用的标准方法是什么？
node.js、npm、deno
在Node.js上创建应用程序时，执行以下步骤将其发布给其他人：
添加一个main.js文件，它调用节点：
#!/usr/bin/env -S node --stack-size=10000
console.log("Hello world!")
将其包含在package.json上
...
"name": "my_app",
...
"bin": {
"my_app": "src/main.js"
},
...
npm publish型
浏览 6提问于2021-11-20得票数 0
2回答
package.json中的主键是强制性的吗？
npm、package.json
我有一个repo，它包含了一些Node.js无服务器的函数的集合。这些函数共享相同的node_modules目录，但分别部署到我们的FaaS平台上。
npm init在package.json中创建一个"main": "function.js"条目。由于我没有一个(或任何)入口点，所以我想知道是否可以完全删除这一行。
main键在中是强制性的吗？
浏览 0提问于2018-10-31得票数 8
回答已采纳
1回答
如何在可视化中删除警告--依赖于同一依赖项的多个版本的应用程序？
here-olp、harp.gl
在创建可视化应用程序时，如中提到的，请注意"requires a peer of three@^0.104.0 but none is installed."。
然而，在package.json中，我们已经有了对three的依赖，但是在版本0.99.0上。此外，警告中提到的源版本(如@here/harp-lines@0.2.3 )在package.json中处于较低的版本，即当我运行web服务器时，我确实得到了basemap和userAuthorize表单。但是，在可能的"load文件“(因为页面片段是空的)小部件中看不到任何内容。
提供的步骤： --这将生成应用程序，
浏览 2提问于2019-06-17得票数 3
1回答
发布包含esm模块的src文件夹的最佳实践
node.js、npm、bundler、publish、tree-shaking
考虑一下这个package.json：
{
"main": "./index.js",
"name": "@myorg/foo",
"scripts": {
"build": "babel src -d dist --delete-dir-on-start --source-maps inline --copy-files --no-copy-ignored",
"check-release": "npm run release -
浏览 11提问于2022-04-02得票数 1
2回答
在反应中使用自制的npm软件包。编译失败
node.js、reactjs、npm、package、publish
我按照创建了我的自定义npm包()。我的自定义包的文件夹结构如下：
src -> index.js
node_modules
列表项目
Lable.js
package.json
webpack.config.js
我的package.json的内容如下：
{
"name": "demo-to-publish",
"version": "1.0.5",
"description": "testing publishing to npm",
浏览 0提问于2020-02-05得票数 1
回答已采纳
1回答
如何开发/构建类似于Visual项目的Javascript monorepo项目？
javascript、node.js、npm、yarnpkg、package.json
在一个典型的.NET核心项目(使用VisualStudio2019)中，我们的结构如下所示：
Example/
|-- Example.Common/
| |-- FileExample1.cs
| |-- FileExample2.cs
| `-- Example.Common.csproj
|-- Example.WebAPI/
| |-- Controllers/
| |-- Program.cs
| |-- Startup.cs
| `-- Example.WebAPI.csproj
|-- Example.CLI/
| |-- Program.cs
|
浏览 5提问于2020-04-13得票数 3
3回答
npm安装--保存不保存在package.json中。
node.js、npm、package.json
我已经在我的arch Linux上安装了npm-5.3.0。
我用npm init创建了一个新项目并填写了详细信息。这将创建一个包含详细信息的package.json文件。
之后，当我执行npm install <package> --save时，文件package.json不会改变，并且文件中没有关于依赖项的条目。如果这件事重要的话，我以前已经在全球范围内安装了这个软件包。
浏览 1提问于2017-07-28得票数 1
回答已采纳
3回答
在git控制下获取node_modules中的npm模块
git、npm
我有很多git仓库，每个仓库都有自己的npm package.json文件，可以相互引用。当我使用npm install安装主包时，它会成功地将所有package.json中引用的所有git代码库克隆到node_modules文件夹中。但是，它们不是与.git文件夹一起克隆的，这样我就可以将任何更改置于源代码管理之下。可以让npm安装这些包并获取.git文件夹吗？
谢谢
浏览 0提问于2016-08-05得票数 5
2回答
我应该在npm上发布我的模块的源代码吗？
javascript、node.js、npm、ecmascript-6、babeljs
我希望这个问题不要太固执己见，我在问这方面的最佳/通用实践。
我正在发布一个用ES6编写并使用和转换到ES5和UMD的npm模块。
文件结构可以概括如下：
/coverage/
/dist/
/node_modules/
/src/
/test/
/tools/
.editorconfig
.eslintrc
.gitattributes
.gitignore
.travis.yml
CHANGELOG.md
CONTRIBUTING.md
LICENSE.txt
package.json
README.md
源代码在/src/中，编译后的代码在/dist/中。
这些dirs是.gitigno
浏览 3提问于2017-04-25得票数 31
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
