workflow:使用 Pugjs、PostCSS 和 Snowpack 的现代前端工作流程

时间:2024-08-24 01:35:31
【文件属性】:

文件名称:workflow:使用 Pugjs、PostCSS 和 Snowpack 的现代前端工作流程

文件大小:444KB

文件格式:ZIP

更新时间:2024-08-24 01:35:31

JavaScript

前端现代工作流 这是对旧工作流程的全面改造,从头开始重写,比原始版本的依赖要少得多。 版本 2 中的亮点 弃用 Gulp 并转向 npm 脚本。 Gulp 多年来一直是一个很好的工具,但最近它变得停滞不前,它的大多数插件已经过时并受到安全问题的困扰。 使用 npm 脚本,我们获得了更多的粒度和敏捷性。 弃用 Browserify 并移至 。 Snowpack 是一个将节点模块转换为 Web 模块的工具。 最好由来自 Snowpack 文档的以下图片描述: 这消除了捆绑代码的需要,用更少的样板发送代码,更有效地缓存失效......你可以在 Snowpack 文档中查看很多有趣的东西。 所有任务都有单元测试。 更漂亮、信息更丰富的控制台消息。 此工作流程提供什么 使用 BrowserSync 初始化开发服务器。 当资产发生变化时自动刷新并重新加载浏览器。 使用 pug 构建 HTM


【文件预览】:
workflow-master
----.eslintrc.json(296B)
----.gitattributes(11B)
----.github()
--------dependabot.yml(1KB)
----postcss.config.js(561B)
----commitlint.config.js(67B)
----.browserslistrc(49B)
----src()
--------robots.txt(43B)
--------styles()
--------includes()
--------images()
--------.babelrc(257B)
--------scripts()
--------index.pug(108B)
--------fonts()
----snowpack.config.json(394B)
----scripts()
--------development.js(3KB)
--------server.js(456B)
--------config.js(1KB)
--------utilities.js(451B)
--------task-runner()
--------common.js(5KB)
----.prettierrc.json(70B)
----.travis.yml(88B)
----.stylelintignore(13B)
----jest.config.js(213B)
----README.md(3KB)
----.husky()
--------commit-msg(72B)
--------pre-commit(61B)
--------.gitignore(1B)
----.lintstagedrc(110B)
----stylelint.config.js(330B)
----.huskyrc(99B)
----.editorconfig(467B)
----.gitignore(47B)
----.eslintignore(26B)
----package-lock.json(1.54MB)
----package.json(2KB)

网友评论