【文件属性】:
文件名称:500k-pages-with-11ty
文件大小:559KB
文件格式:ZIP
更新时间:2021-04-17 19:25:28
JavaScript
基于11ty和Gulp的启动器 :flexed_biceps:
入门
1.安装依赖项:
带yarn
yarn install
或使用npm :
npm install
2.运行项目进行开发:
yarn start
或者
npm start
3.打开开发URL- 。
剧本
运行项目进行开发:
yarn start
建立生产项目:
yarn build
创建可用于生产环境的zip存档build.zip :
yarn zip
资料夹结构
将UI分解为单独的,耦合较少的组件不是强制性的,但出于多种原因,它被认为是有效的。
至少为用户界面中出现在项目的多个位置的部分创建组件。 它可以是按钮,公共页面部分,小部件,滑块等。
建议您将组件保留在src/components/文件夹中。 该入门工具包允许您将组件的标记,样式和JavaScript代码保留在一个文件夹中,然后在多个位置使用它们。 请查看src/com
【文件预览】:
500k-pages-with-11ty-master
----.gitignore(1KB)
----.eleventy.js(2KB)
----tsconfig.json(622B)
----README.md(4KB)
----generate-image-html.js(5KB)
----gulp-tasks()
--------svg.js(889B)
--------styles.js(2KB)
--------watch.js(349B)
--------zip.js(290B)
--------tailwind.js(859B)
--------w3c-validator.js(550B)
----env.js(77B)
----.eleventyignore(0B)
----.prettierrc(125B)
----generate-fake-data.js(536B)
----.eslintrc(202B)
----package.json(3KB)
----src()
--------components()
--------pages.njk(197B)
--------_layouts()
--------public()
--------sass()
--------svg()
--------images()
--------js()
----.babelrc(639B)
----paths.js(567B)
----scripts()
--------eleventy-dev.js(1022B)
--------optimize-png.js(284B)
----postcss.config.js(90B)
----jsconfig.json(190B)
----_data()
--------data1.json(696B)
----tailwind.config.js(435B)
----.eslintignore(56B)
----.editorconfig(166B)
----webpack.config.js(719B)
----.stylelintrc(438B)
----yarn.lock(529KB)
----gulpfile.js(571B)