静态网站入门套件🚀

parcel-static-site-starterkit

一个极简的静态网站入门套件，开箱即用，支持 ES6+ 和 SCSS。无需任何配置。项目已发布在 GitHub 上。

特色🚀

1. 兼容所有静态网站，例如 Bootstrap 模板

2- 开箱即用的 CSS、HTML、JS 压缩/压缩功能

3- SCSS 支持

4. ES6+ 支持

5-热装弹

6. 在本地服务器上运行

7. 自动添加前缀 - 支持 IE10 及所有浏览器的最新 4 个版本

何时以及为何应该使用这个项目？😯

1. 无需任何设置。只需一条命令即可开始开发。

2. 提供开箱即用的 ES6+ 和 SCSS 支持，无需配置。

3- 如果你是初学者，并且正在学习一些教程，那么你就可以在自己的机器上轻松编写代码。

4- 如果您想在本地测试某些内容，并且需要一个预先配置的静态站点环境。

5- 您有一个网站，并且想要将其部署到生产环境中。

如何使用🧐

Make sure you have node installed. If not, I recommend installing via nvm（节点版本管理器）

1. 克隆项目 -
👉git clone https://github.com/InsaneNaman/parcel-static-site-starterkit.git

2. 导航至该目录
👉cd parcel-static-site-starterkit/

3- 安装依赖项
👉npm i或yarn

这将把依赖项（必需库）安装到node_modules文件夹下。

4- 运行项目
👉npm run start

🎉🎉🎉🎉 搞定！您的网站已上线！localhost:1234

5. 将你的代码放入/写入src文件夹中

我们已经提供了一些示例文件（您可以随意删除它们并添加您自己的文件），以便您了解架构。您只需要关注一个文件，即您必须在( ) 文件夹级别index.html放置/创建的文件。srcsrc/index.html

准备开工了吗？

👉npm run build或yarn run build

这将生成dist一个文件夹，您可以将其部署到任何地方，例如Netlify、Firebase或任何您喜欢的地方。

以下是一些免费主机服务🔥

Github上的入门套件

今天就到这里。欢迎提供任何类型的反馈/报告错误。非常感谢。同时，你可以在推特上找到我，账号是@InsaneNaman。

告辞了，下次见。

你每生气一分钟，就失去了六十秒的快乐。所以，保持微笑吧。😉