shopify-webpack-themekit Webpack集成开发环境

Shopify 主题的 Webpack 开发环境,还带上了 Themekit,整得还挺顺。shopify-webpack-themekit这个工具,适合你一边写 ES6/SCSS,一边用 ThemeKit 同步主题文件。

Webpack 那一套都整合进去了,StylelintESLintBabel都帮你打好底子,连本地开发服务器也搭好了。直接 npm run start,能看页面、能热更新,响应也快。

项目里还有个比较巧的小功能,会自动找你写的模板脚本,比如你建个 scripts/templates/product.js,它会给你生成 assets/template.product.js,再通过 {% include 'script-tags' %} 片段插进去,省得你手动维护。

配置方面也简单,搞个 config.js(照着 example.config.js 抄一份就行),能直接连上你的 Shopify 主题。部署也就是 npm run deploy 一行命令,省心。

适合做 Shopify 主题开发,又不想放弃现代前端那一套的人。如果你平时就用 Webpack 写项目,这工具上手会快。你也可以看看 Shopify Theme Lab,思路也差不多。

zip
shopify-webpack-themekit-master.zip 预估大小:83个文件
folder
shopify-webpack-themekit-master 文件夹
file
.stylelintignore 47B
file
.eslintrc 464B
file
.babelrc 295B
file
package.json 3KB
file
LICENSE 1KB
folder
src 文件夹
folder
config 文件夹
file
settings_data.json 65B
file
settings_schema.json 314B
folder
locales 文件夹
file
en.default.json 3B
folder
sections 文件夹
folder
.gitkeep 文件夹
folder
templates 文件夹
folder
blog.liquid 文件夹
folder
password.liquid 文件夹
folder
cart.liquid 文件夹
folder
article.liquid 文件夹
folder
page.liquid 文件夹
folder
collection.liquid 文件夹
folder
page.contact.liquid 文件夹
folder
404.liquid 文件夹
folder
gift_card.liquid 文件夹
folder
product.liquid 文件夹
folder
list-collections.liquid 文件夹
file
index.liquid 24B
folder
customers 文件夹
folder
login.liquid 文件夹
folder
order.liquid 文件夹
folder
activate_account.liquid 文件夹
folder
register.liquid 文件夹
folder
reset_password.liquid 文件夹
folder
account.liquid 文件夹
folder
addresses.liquid 文件夹
folder
search.liquid 文件夹
folder
assets 文件夹
folder
.gitkeep 文件夹
folder
snippets 文件夹
folder
.gitkeep 文件夹
folder
styles 文件夹
file
theme.scss.liquid 158B
file
theme.scss 18B
folder
scripts 文件夹
folder
sections 文件夹
file
product.js 213B
folder
.gitkeep 文件夹
folder
templates 文件夹
file
index.js 282B
file
product.js 287B
file
collection.js 302B
folder
customers 文件夹
folder
register.js 文件夹
file
login.js 307B
folder
.gitkeep 文件夹
folder
layout 文件夹
file
theme.js 405B
folder
layout 文件夹
file
theme.liquid 552B
file
.gitignore 39B
folder
lib 文件夹
folder
server 文件夹
file
client.js 1KB
file
dev-server.js 2KB
folder
prompts 文件夹
file
skip-settings-data.js 2KB
file
continue-if-published-theme.js 1KB
file
asset-server.js 3KB
file
sync.js 5KB
file
app.js 869B
folder
utilities 文件夹
file
server.pem 3KB
file
is-hot-update-file.js 113B
file
clear-console.js 475B
file
get-available-port-series.js 744B
file
html-webpack-include-chunks.js 1KB
file
ssl.js 718B
file
get-layout-entrypoints.js 501B
file
get-chunk-name.js 1KB
file
get-template-entrypoints.js 1KB
file
style-tags.html 3KB
file
hmr-alamo-loader.js 1KB
file
hot-client.js 925B
file
enviroment.js 3KB
file
script-tags.html 3KB
folder
webpack 文件夹
file
dev.config.js 3KB
folder
parts 文件夹
file
core.js 3KB
file
scss.js 1KB
file
css.js 1KB
file
prod.config.js 2KB
file
paths.js 2KB
folder
cli 文件夹
folder
index.js 文件夹
folder
commands 文件夹
file
build.js 466B
file
deploy.js 826B
folder
download.js 文件夹
file
start.js 7KB
file
README.md 3KB
file
yarn.lock 540KB
file
.stylelintrc 1KB
file
.eslintignore 39B
file
.editorconfig 165B
file
postcss.config.js 132B
file
example.config.js 599B
...
zip 文件大小:246.85KB