Comments (6)
davidnagli
commented on May 2, 2024
How is this different from #36? Didn’t you already fix this #58?
from parcel.
DeMoorJasper
commented on May 2, 2024
#36 was a small bug with getBundleUrl, this is something in the bundler.
This bug is about not including the css-loader.js module in the bundle unless css is being imported from js.
So for example if someone would use one big global css file in index.html like this:
<link rel="stylesheet" href="./global.css" />
It would not auto-update
from parcel.
devongovett
commented on May 2, 2024
I believe a parallel JS bundle will get created alongside the CSS, but it doesn't currently get inserted into the HTML. We should do that similar to how we do it for the opposite case (CSS imported from JS). https://github.com/parcel-bundler/parcel/blob/master/src/packagers/HTMLPackager.js#L11
from parcel.
abienz
commented on May 2, 2024
I still see this issue with Parcel 1.4.1 and css or styl files in both Firefox and Google Chrome.
Has it actually been fixed?
<html>
<head>
<script src="index.js"></script>
<link href="./base.css" type="text/css" rel="stylesheet" />
</head>
<body>
<h1>Hello world</h1>
<p>Beep boop</p>
</body>
</html>
* {
margin: 0;
padding: 0;
}
h1 {
color: #F0F;
}
p {
color: #0F0;
}
Changing the color values of the h1 and p will not trigger a reload or update of the browser, I have to hit refresh myself.
from parcel.
DeMoorJasper
commented on May 2, 2024
@abienz this is not yet published on npm, it’s already in the master branch however
Sent with GitHawk
from parcel.
abienz
commented on May 2, 2024
@DeMoorJasper Thanks for the info, I look forward to seeing the update.
from parcel.
Related Issues (20)
- Parcel is replacing `require` with `undefined` in some cases that result in a runtime error
- Parcel 2.11.0 and ChartJS incompatibility HOT 2
- Inline scripts of type module execute too early when using dev server
- Required Node version inconsistent with stated version in package.json
- react-refresh dependency is locked at v0.9.0 HOT 6
- @parcel/transformer-css: Unknown at rule: @apply
- @parcel/optimizer-css rejects CSS namespaces on the ground they should appear earlier in the CSS HOT 2
- Async import doesn't work as expected when passing a dynamic path
- [RFC] Moving to trunk based development and introducing feature flags HOT 2
- Cannot import css from mantine-datatable HOT 3
- postcss fails: @parcel/transformer-postcss: Cannot read properties of undefined HOT 1
- @parcel/register throws error `parcel[_core(...).INTERNAL_RESOLVE] is not a function`
- Parcel build fails on Chrome < 86 due to dynamic import and chunking issues HOT 1
- Unable to make `typeof process !== 'undefined'` false
- Parcel Macro in the REPL HOT 1
- segfault on parcel >= 2.10.0
- `parcel/config-webextension` can build extensions incompatible with Firefox's Add-Ons Store HOT 1
- Type-introspection with macros
- Vue 3 defineProps fail with imported types
- TypeScript syntax does not work in Vue templates
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 parcel.