Comments (3)
That's expected behaviour. What you are aiming for is to run your Craft CMS site locally at domain.test
for example where you have Homestead, Laragon, or whatever serving your site and that's the URL you access when developing and then you use a plugin such as Twigpack so that any assets in your site e.g. CSS, JS, etc. would be requested from the localhost:8080
URL where you have webpack-dev-server running. So essentially you shouldn't be requesting the webpack-dev-server URL (localhost:8080
) directly, that's not how the setup is intended to work.
Hope that helps!
from annotated-webpack-config.
@mtwalsh , That actually helped tons!
I started going through the whole config and noticed it was indeed loading everything so i knew twigpack was doing it's stuff.
What i didn't notice at first was that the POLL setting was set to 0, hence why it wasn't picking up the changes and only when i did a rebuild manually.
Anyway, I got it to work!
Changing pcss for more complex sections on a site takes some time to rebuild though,
I guess it's recompiling tailwind every time because js changes seem to work fine (11s vs 2), also working on a 13" Macbook Pro which doesn't exactly have the highest processing power. Anyway it's a minor thing in my eyes.
Happy it works, thanks for the help @mtwalsh !
from annotated-webpack-config.
@PjGeeroms You're welcome! Glad it helped you sort the issue.
from annotated-webpack-config.
Related Issues (20)
- Something wrong with purgeCSS (seems it doesn't support pcss) HOT 2
- Workbox precache-manifest does not pick up stylesheets HOT 1
- Tailwind CSS imports are failing - No Configuration provided for ... preflight.css HOT 11
- error with latest build using babelLoaderConfig and cacheDuration HOT 1
- publicPath: settings.urls.publicPath() in webpack.common.js gives error HOT 2
- App crashes during build HOT 1
- Theming HOT 1
- npm shows warning about postcss > flatten HOT 1
- Working example HOT 5
- WARNING in Specifying 'cacheFirst'' in a 'runtimeCaching[].handler' option is deprecated. HOT 1
- How to load image assets into webpack-dev-server?
- PostCSS loader URL HOT 1
- webpack dev compiled successfully but there is no output and manifest.json
- Invalid image buffer HOT 1
- CPU boost by ignoring node_modules in dev server config HOT 2
- Legacy JS doesn't work after build HOT 7
- manifest.json does not contain styles HOT 2
- @babel/polyfill HOT 2
- Babel unexpected Token. - error in running app in simulator HOT 1
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 annotated-webpack-config.