Comments (5)
I'll take a look as soon as I can. atomizer-plugins just uses the unplugin library to build framework wrappers, there might be some bug there that was introduced recently.
from atomizer.
Ok, we need to support esm modules as well. Will take a look at that soon.
from atomizer.
Thanks for the report. If you remove the atomizer plugin does the PNG work properly? I'm not sure why atomizer would affect that, unless there is some webpack conflict that is occurring.
Any webpack debug messages you can provide?
from atomizer.
Hello @redonkulus.
Yes, if I remove atomizer-plugins - everything works fine.
Here is issue where I found that atomizer-plugins is reason of breaking images:
webdiscus/pug-plugin#68
The strange atomizer-plugins does not work accurately and the image content is duplicated in the image file.
If you disable the atomizer, then images are generated correctly.
This is the atomizer-plugins bug. This plugin brake the binary images, but SVG is ok.
Please create an issue ticket by the atomizer-plugin.
Any webpack debug messages you can provide?
Nothing specific:
webpack-starter> npm run build
> [email protected] build
> webpack
assets by info 1.49 MiB [immutable]
asset images/test.8c8061c2.png 880 KiB [emitted] [immutable] [from: src/images/test.png] (auxiliary name: index)
asset images/test.96865863.webp 313 KiB [emitted] [immutable] [from: src/images/test.webp] (auxiliary name: index)
asset images/test.b2a0a65c.jpg 279 KiB [emitted] [immutable] [from: src/images/test.jpg] (auxiliary name: index)
asset svg/test.83714099.svg 52 KiB [emitted] [immutable] [from: src/svg/test.svg] (auxiliary name: index)
assets by chunk 963 bytes (name: index)
asset index.html 862 bytes [emitted] (name: index)
asset css/style.css?v=7a3c95d9 101 bytes [emitted] (name: index)
asset js/app.js?v=faed5c4a 5.01 KiB [emitted] (name: app)
Entrypoint index 963 bytes (1.49 MiB) = index.html 862 bytes css/style.css?v=7a3c95d9 101 bytes 4 auxiliary assets
Entrypoint app 5.01 KiB = js/app.js?v=faed5c4a
runtime modules 2.37 KiB 8 modules
cacheable modules 2.11 KiB (javascript) 1.49 MiB (asset)
javascript modules 1.94 KiB
modules by path ./src/js/*.js 355 bytes
./src/js/app.js 157 bytes [built] [code generated]
./src/js/test-1.js 99 bytes [built] [code generated]
./src/js/test-2.js 99 bytes [built] [code generated]
./src/pug/index.pug 1.07 KiB [built] [code generated]
./src/sass/style.sass 538 bytes [built] [code generated]
asset modules 168 bytes (javascript) 1.49 MiB (asset)
./src/images/test.jpg 42 bytes (javascript) 279 KiB (asset) [built] [code generated]
./src/images/test.png 42 bytes (javascript) 880 KiB (asset) [built] [code generated]
./src/images/test.webp 42 bytes (javascript) 313 KiB (asset) [built] [code generated]
./src/svg/test.svg 42 bytes (javascript) 52 KiB (asset) [built] [code generated]
webpack 5.76.2 compiled successfully in 555 ms
from atomizer.
Probably the problem is in the use of ESM modules.
I'll try to use CommonJS modules.
from atomizer.
Related Issues (20)
- RFC: Optional specificity bump for media queries HOT 14
- add support for multiple combinators? HOT 1
- Atomizer getConfig mutates provided object, should be pure
- !important generation in atomic classes which have symbols like descendent selector (_) and Sibling selector (+) in it HOT 1
- Are there any plugin or plans to add attribute mode? HOT 1
- Landing page should be updated to show atomizer HOT 2
- Make it easier to search on right/left equivalents start/end
- Atomizer Roadmap HOT 11
- acss.io is inaccessible HOT 1
- Support space separated functions
- config: Mirror cli arguments to config
- Combine Helper atomic classes elements with others, where same set of properties & values are being used HOT 3
- Atomizer plugin not working on a vite project HOT 7
- Adding a `Mend(0):l` class breaks `Mend(0):lc` and `Mx(0)` HOT 2
- Add aspect ratio HOT 4
- Can we have a support of "inset" CSS Property in AtomicCSS? HOT 5
- Update Remix integration to use PostCSS plugin
- Shift lower specificity classes first, then higher specificity classes (when using namespace) HOT 2
- Update the atomizer version to the latest version 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 atomizer.