简介
praket 是一个快速搭建静态网站的工具,它基于 webpack 和 Babel 构建,封装了常用的打包、编译、压缩等功能,可以帮助前端开发人员快速搭建一个简单的静态网站。
安装
安装 praket 很简单,只需要在终端中执行以下命令即可:
--- ------- -- ------
使用
创建项目
要使用 praket 创建一个项目,需要在终端中先进入到你想要创建项目的目录,例如:
-- ----------------------------------
然后执行以下命令:
------ ------ ---------
其中 mywebsite 是项目名称,可以自行替换。
执行完上面的命令后,praket 会自动创建一个名为 mywebsite 的项目目录,并初始化好一些配置文件和文件夹。
开发模式
进入项目目录,并执行以下命令:
-- --------- ------ ---
执行完上面的命令后,praket 会在本地启动一个服务器,并监听文件修改,当文件发生改变时,praket 会自动重新编译、打包,并刷新浏览器显示最新的页面。
生产模式
当你完成了项目的开发,需要进行打包发布时,执行以下命令:
------ -----
执行完上面的命令后,praket 会将项目打包成一个静态网站,存放在项目目录的 dist 文件夹中。
示例代码
以下是一个使用 praket 创建的最简单的静态网站示例:
---- ---------- --- --------- ----- ------ ------ ----- ---------------- ------------ --------------- ------- ------ --------- ------------ ---------- -- --- ----- -- ----------- ------- -------
-- -------- ------ ------------- ------------------ ---------
-- --------- -- ---- - ----------------- -------- ---------- ----- ------ ----- - -- - ------ ----- -------------- ----- -
结语
通过本教程,你现在应该可以使用 praket 快速搭建一个简单的静态网站了,当然,praket 还有其他更多的功能和配置项,可以根据需要进行自定义配置。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600562ca81e8991b448e0124