如何在我的 vanillaJS、html、css 项目中使用 NPM？

Question

我有一个项目，有 3 个 html 文件，即index.html、about.html 和resource.html。

它有两个 css 文件：style.css 和 style1.css。它有两个 javascript 文件：script.js 和 script1.js。Index.html 使用 style.css 和 script.js。about.html 使用 style1.css 和 script1.js。resources.js 还使用 style1.css 和 script1.js。我想尝试初始化一个 NPM 项目，但它需要一个入口点。我该怎么办？

我想使用 webpack 来捆绑我的项目，为此我需要使用 NPM。这个项目完全是普通的。

Answer 1

正如评论中提到的，您应该首先下载Node.js。
Node js 带有它的包管理器，称为npm.

在我看来，对于您的项目，webpack捆绑器一开始可能会令人困惑，所以我认为您应该使用Parcel它。

您的项目的步骤：

步骤1

node在项目目录文件夹中安装后，npm在终端中运行以下脚本：
npm init -y
它将package.json在项目的根目录中创建一个文件。

第2步

在终端中运行以下脚本，这将安装包捆绑器
npm install --save-dev parcel

步骤3 在package.json文件中你会发现一行带有"scripts".
将以下行添加到其中：

"scripts": {
    "start": "parcel ./*.html",
    "build": "parcel build ./*.html"
  },

完成后，您应该在终端中运行以下脚本，这将在本地计算机上启动开发服务器，并在localhost:1234上自动重新加载

npm run start

如果你想捆绑你的 html 项目，那么只需运行以下脚本：
npm run build

为了更好地了解Parcel 的工作原理，请参阅以下工具文档。

希望它会有所帮助！