shopify-webpack-themekit Webpack集成开发环境
Shopify 主题的 Webpack 开发环境,还带上了 Themekit,整得还挺顺。shopify-webpack-themekit这个工具,适合你一边写 ES6/SCSS,一边用 ThemeKit 同步主题文件。
Webpack 那一套都整合进去了,Stylelint、ESLint、Babel都帮你打好底子,连本地开发服务器也搭好了。直接 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,思路也差不多。
shopify-webpack-themekit-master.zip
预估大小:83个文件
shopify-webpack-themekit-master
文件夹
.stylelintignore
47B
.eslintrc
464B
.babelrc
295B
package.json
3KB
LICENSE
1KB
src
文件夹
config
文件夹
settings_data.json
65B
settings_schema.json
314B
...
246.85KB
文件大小:
评论区