文件名称:shopify-webpack-themekit:使用webpack和themekit的Shopify开发工具
文件大小:247KB
文件格式:ZIP
更新时间:2024-02-19 17:06:57
babel scss browsersync shopify themekit
Shopify ThemeKit-Webpack 使用webpack和themekit的Shopify开发工具。 出节点包版本: 产品特点 准备使用 Webpack 4 Stylelint ESLint 巴别塔 Shopify中间件预览 Webpack开发服务器资产 浏览器同步 模板和布局块 要求 创建config.js(请参阅example.config.js) 入门 安装依赖项npm install 启动Webpack编译器-NPM npm run start npm run deploy 主题文件 Webpack将创建以下片段,以加载所有样式和脚本块。 您需要将此包含在theme.liquid文件中。 {% include 'script-tags' %} {% include 'style-tags' %} 创建块 系统将检查是否有任何与Shopify模板和布局文件匹配的脚本或样式表。 文件名: scripts/templates/product.js 创建文件: assets/template.product.js 脚本标签片段(自动生成)将仅在使用
【文件预览】:
shopify-webpack-themekit-master
----.stylelintignore(47B)
----.eslintrc(464B)
----.babelrc(295B)
----package.json(3KB)
----LICENSE(1KB)
----src()
--------config()
--------locales()
--------sections()
--------templates()
--------assets()
--------snippets()
--------styles()
--------scripts()
--------layout()
----.gitignore(39B)
----lib()
--------server()
--------utilities()
--------style-tags.html(3KB)
--------hmr-alamo-loader.js(1KB)
--------hot-client.js(925B)
--------enviroment.js(3KB)
--------script-tags.html(3KB)
--------webpack()
--------paths.js(2KB)
--------cli()
----README.md(3KB)
----yarn.lock(540KB)
----.stylelintrc(1KB)
----.eslintignore(39B)
----.editorconfig(165B)
----postcss.config.js(132B)
----example.config.js(599B)