Starbase-WordPress Webpack 3开发主题

starbase-wordpress 的构建方式蛮符合现在前端的口味,直接上了 Webpack 3 + Babel(ES6)+ PostCSS,整个开发体验比传统 WordPress 主题流畅太多。最爽的是它不依赖 jQuery,脚本全靠原生 JS + ES6,干净又现代。

Starbase 的代码结构也比较清爽,/src里放源码,Webpack 检测变动自动构建到/assets,本地开发时边改边看,响应也快。ESLint + PostCSS 配起来,代码规范不容易跑偏。

安装流程挺直观:先把 Starbase 克隆到主题目录,再 yarn 一下装依赖。如果你是 npm 派也没问题,直接替换就行。日常开发直接跑 yarn start,Webpack watch 自动搞定构建。

项目是完全开源的,许可证也宽松,随便用来搞个人项目或商用都行。官方还挺幽默,说你喜欢的话,下次去波士顿他喝个啤酒也行,哈哈。

如果你正好在写 WordPress 主题,又想用现代前端工具链替代老旧的 jQuery 方案,Starbase 还挺适合上手玩玩的。对了,最好装个新版 Node LTS,不然跑不起来。

zip
starbase-wordpress-master.zip 预估大小:66个文件
folder
starbase-wordpress-master 文件夹
file
.eslintrc 259B
file
sidebar.php 371B
file
functions.php 4KB
file
footer.php 601B
file
.jshintignore 12B
file
comments.php 3KB
file
index.php 1KB
file
.babelrc 25B
folder
images 文件夹
file
starbase.png 11KB
file
.jscsrc 111B
file
package.json 2KB
folder
layouts 文件夹
file
sidebar-content.css 365B
file
content-sidebar.css 365B
folder
inc 文件夹
file
template-tags.php 4KB
file
extras.php 999B
file
archive.php 1KB
file
404.php 2KB
folder
assets 文件夹
file
app.css 3KB
folder
fonts 文件夹
file
opensans-regular-webfont.woff2 18KB
file
opensans-semibold-webfont.woff 24KB
file
lora-regular-webfont.woff 42KB
file
opensans-semibold-webfont.woff2 19KB
file
opensans-regular-webfont.woff 24KB
file
lora-regular-webfont.woff2 34KB
file
app.js 17KB
file
LICENSE 18KB
file
header.php 1KB
folder
languages 文件夹
file
starbase.pot 4KB
file
readme.txt 322B
file
screenshot.png 264B
folder
src 文件夹
folder
variables 文件夹
file
variables.css 736B
folder
app 文件夹
file
app.css 953B
folder
fonts 文件夹
file
opensans-regular-webfont.woff2 18KB
file
opensans-semibold-webfont.woff 24KB
file
lora-regular-webfont.woff 42KB
file
fonts.css 633B
file
opensans-semibold-webfont.woff2 19KB
file
opensans-regular-webfont.woff 24KB
file
lora-regular-webfont.woff2 34KB
folder
components 文件夹
folder
masthead 文件夹
file
masthead.css 246B
folder
button 文件夹
file
button.css 393B
file
Button.js 432B
file
readme.md 253B
folder
colophon 文件夹
file
colophon.css 116B
folder
primary 文件夹
file
primary.css 310B
folder
secondary 文件夹
file
secondary.css 482B
file
bundle.js 471B
file
page.php 872B
file
search.php 1KB
file
rtl.css 370B
file
.gitignore 39B
folder
template-parts 文件夹
file
content-page.php 1011B
file
content.php 1KB
file
content-none.php 1KB
file
content-search.php 788B
file
README.md 5KB
file
single.php 733B
file
yarn.lock 227KB
file
.stylelintrc 45B
file
.editorconfig 187B
file
style.css 700B
folder
webpack 文件夹
file
webpack.config.prod.js 2KB
file
webpack.config.prod.watch.js 245B
file
webpack.config.base.js 2KB
folder
lib 文件夹
file
css-prefix-variables.js 292B
file
paths-helper.js 571B
...
zip 文件大小:443.19KB