Comments (9)
@s10wen, at my organization we completely removed slate and implemented themekit and webpack which allowed for a bit more control. This has allowed us to get a better understanding of the tooling and allowed us to upgrade the dependencies referenced in slate. https://github.com/hayes0724/shopify-webpack-themekit offers some good direction as well as https://github.com/the-couch/slater.
from slate.
I just had a back and forth with support and they are saying they donβt fully support themekit. Maybe this was incorrect but it seems concerning...
from slate.
I continue to use Slate and fix some bugs on my fork https://github.com/ChacunSonSite/slate I need dedicate some time to update the documentation for include the upgrades I do like full support for windows. I open to contributions and ideas
from slate.
- Full support for windows.
- Add webpack-bundle-analyzer, just use
yarn build --analyze
oryarn build -a
. it helps to catch where the build can be optimized. - Remove Slate-analytics (it's dead no one is reading this...)
- upgrade packages and rewrite the call when is necessary.
I'm block upgrading htmlWebpackPlugin the template is uncompatible, with the new version. I like to upgrade this for use better optimizations during buils. Now it's possible to use webpack optimization on slate.config.js something like:
if (process.env.NODE_ENV === 'production') {
optimization = {
splitChunks: {
chunks: 'all',
automaticNameDelimiter: '-',
name: true,
cacheGroups: {},
minSize: 100000,
maxSize: 200000,
},
mergeDuplicateChunks: true,
};
}
it split the bundle into chunks (better for accelerating the time response and charge) but /snippets/script-tags.liquid
and /snippets/style-tags.liquid
only list the chunks, you need to manually insert the liquid code to optimize and organize the Js and css calls.
from slate.
@alotoftype cheers, I'll check this out!
from slate.
Why would they not support something they put out. Very concerning indeed
from slate.
https://github.com/Shopify/slate#-slate---end-of-support-january-2020 => "Slate was built upon Theme Kit". Looks like they want to concentrate on improving other areas first, such as the API and the 'Sections architecture' first: https://shopify.dev/tutorials/develop-theme-get-started-with-sections-architecture
Hopefully when they are developed a bit further, they'll pick it back up, or create something else more suitable for the new setup π€π»
from slate.
@chefjuanpi What changes have you added so far? I'd ideally like to work with Slate since it's the best tool (IMO) for building Shopify Themes, without having to resort to a headless option.
from slate.
- Full support for windows.
- Add webpack-bundle-analyzer, just use
yarn build --analyze
oryarn build -a
. it helps to catch where the build can be optimized.- Remove Slate-analytics (it's dead no one is reading this...)
- upgrade packages and rewrite the call when is necessary.
I'm block upgrading htmlWebpackPlugin the template is uncompatible, with the new version. I like to upgrade this for use better optimizations during buils. Now it's possible to use webpack optimization on slate.config.js something like:
if (process.env.NODE_ENV === 'production') { optimization = { splitChunks: { chunks: 'all', automaticNameDelimiter: '-', name: true, cacheGroups: {}, minSize: 100000, maxSize: 200000, }, mergeDuplicateChunks: true, }; }
it split the bundle into chunks (better for accelerating the time response and charge) but
/snippets/script-tags.liquid
and/snippets/style-tags.liquid
only list the chunks, you need to manually insert the liquid code to optimize and organize the Js and css calls.
That sounds great! Thank you π. I'll take a look at it and try it out. Leaning more towards this than setting up a custom webpack configuration, using another tool, or even going headless. I've been working with slate since the early beta and would much rather stick to what I know best.
If you put together a roadmap, I wouldn't mind making some contributions in my free time.
from slate.
Related Issues (20)
- Asset Server always binds to en0, even if it is not the "default" network interface.
- Slate is NOT uploading settings_data.json (since I edited it with CMS) HOT 3
- Cannot read property 'pop' of undefined HOT 4
- No template-based JS bundles are imported on Product and Collection template alternatives HOT 2
- Is Shopify theme developer experience the Internet Explorer of today? HOT 5
- ReferenceError: Unknown plugin "transform-async-to-generator"
- Is there a way to get chunking / code-splitting prefixed with the store's CDN url? HOT 1
- How to disable clearConsole() HOT 1
- My styles are not reflecting on actual mobile device but reflects on google inspect tool
- SSL certificate script not working in ZSH HOT 1
- Does 0.x version of slate tool minify JS and CSS files
- bugsnag broke script on product page HOT 8
- Shopify theme : There is a layer of haze on my background pic
- IE 11 with Babel HOT 1
- yarn start not working on Ubuntu 2020 HOT 1
- slate: Classification Check HOT 1
- ReferenceError: primordials is not defined
- ARM64 (Apple M1) support HOT 6
- Variable not showing the correct picture
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from slate.