@swissquote/crafty-preset-lightningcss 1.23.0-alpha.2 → 1.24.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -57,14 +57,26 @@ This is used inside `crafty watch`, the build mode will not take it into account
|
|
|
57
57
|
|
|
58
58
|
By default, the CSS will be embedded in your bundle, but you can provide the `extractCSS` option to extract your styles using the `MiniCssExtractPlugin`.
|
|
59
59
|
|
|
60
|
+
`extractCSS` controls if the CSS should be embedded within the JavaScript bundle or extracted in a separate file.
|
|
61
|
+
By default, the default is that the CSS content remains within the main file.
|
|
62
|
+
|
|
63
|
+
__Possible options__
|
|
64
|
+
|
|
65
|
+
| Value | Note |
|
|
66
|
+
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
67
|
+
| `false` | Default Behaviour, CSS stays in the JavaScript bundle, added to the page via a `<style>` tag. |
|
|
68
|
+
| `true` | Will enable extraction and name files with the `[bundle]-[name].min.css` pattern. |
|
|
69
|
+
| String / Object | Supports all [Official options](https://github.com/webpack-contrib/mini-css-extract-plugin#configuration). with the addition of `[bundle]` which is replaced by the bundle name. |
|
|
70
|
+
|
|
60
71
|
#### Side effects
|
|
61
72
|
|
|
62
|
-
Be careful when using `extractCSS` option and `sideEffects: false` in `package.json` of your project.
|
|
73
|
+
Be careful when using `extractCSS` option and `sideEffects: false` in `package.json` of your project.
|
|
74
|
+
Crafty is using `css-loader` and when you import a CSS file in your project, it needs to be added to the side effect list so it will not be unintentionally dropped in production mode.
|
|
63
75
|
|
|
64
76
|
[Webpack docs and examples](https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free)
|
|
65
77
|
|
|
66
78
|
## Bundle Options
|
|
67
79
|
|
|
68
|
-
| Option | Type | Optional ? | Runner | Description
|
|
69
|
-
| ------------ | ------------------------- | ---------- | ------- |
|
|
70
|
-
| `extractCSS` | Boolean / String / Object | Yes | Webpack | This will extract the CSS out of the bundle
|
|
80
|
+
| Option | Type | Optional ? | Runner | Description |
|
|
81
|
+
| ------------ | ------------------------- | ---------- | ------- | --------------------------------------------------------------- |
|
|
82
|
+
| `extractCSS` | Boolean / String / Object | Yes | Webpack | This will extract the CSS out of the bundle. See details above. |
|
|
@@ -7456,7 +7456,7 @@ let Root = __nccwpck_require__(9659)
|
|
|
7456
7456
|
|
|
7457
7457
|
class Processor {
|
|
7458
7458
|
constructor(plugins = []) {
|
|
7459
|
-
this.version = '8.4.
|
|
7459
|
+
this.version = '8.4.32'
|
|
7460
7460
|
this.plugins = this.normalize(plugins)
|
|
7461
7461
|
}
|
|
7462
7462
|
|
|
@@ -9089,7 +9089,7 @@ module.exports = JSON.parse('{"title":"CSS Loader options","additionalProperties
|
|
|
9089
9089
|
/***/ ((module) => {
|
|
9090
9090
|
|
|
9091
9091
|
"use strict";
|
|
9092
|
-
module.exports = JSON.parse('{"name":"postcss","version":"8.4.
|
|
9092
|
+
module.exports = JSON.parse('{"name":"postcss","version":"8.4.32","description":"Tool for transforming styles with JS plugins","engines":{"node":"^10 || ^12 || >=14"},"exports":{".":{"require":"./lib/postcss.js","import":"./lib/postcss.mjs"},"./lib/at-rule":"./lib/at-rule.js","./lib/comment":"./lib/comment.js","./lib/container":"./lib/container.js","./lib/css-syntax-error":"./lib/css-syntax-error.js","./lib/declaration":"./lib/declaration.js","./lib/fromJSON":"./lib/fromJSON.js","./lib/input":"./lib/input.js","./lib/lazy-result":"./lib/lazy-result.js","./lib/no-work-result":"./lib/no-work-result.js","./lib/list":"./lib/list.js","./lib/map-generator":"./lib/map-generator.js","./lib/node":"./lib/node.js","./lib/parse":"./lib/parse.js","./lib/parser":"./lib/parser.js","./lib/postcss":"./lib/postcss.js","./lib/previous-map":"./lib/previous-map.js","./lib/processor":"./lib/processor.js","./lib/result":"./lib/result.js","./lib/root":"./lib/root.js","./lib/rule":"./lib/rule.js","./lib/stringifier":"./lib/stringifier.js","./lib/stringify":"./lib/stringify.js","./lib/symbols":"./lib/symbols.js","./lib/terminal-highlight":"./lib/terminal-highlight.js","./lib/tokenize":"./lib/tokenize.js","./lib/warn-once":"./lib/warn-once.js","./lib/warning":"./lib/warning.js","./package.json":"./package.json"},"main":"./lib/postcss.js","types":"./lib/postcss.d.ts","keywords":["css","postcss","rework","preprocessor","parser","source map","transform","manipulation","transpiler"],"funding":[{"type":"opencollective","url":"https://opencollective.com/postcss/"},{"type":"tidelift","url":"https://tidelift.com/funding/github/npm/postcss"},{"type":"github","url":"https://github.com/sponsors/ai"}],"author":"Andrey Sitnik <andrey@sitnik.ru>","license":"MIT","homepage":"https://postcss.org/","repository":"postcss/postcss","bugs":{"url":"https://github.com/postcss/postcss/issues"},"dependencies":{"nanoid":"^3.3.7","picocolors":"^1.0.0","source-map-js":"^1.0.2"},"browser":{"./lib/terminal-highlight":false,"source-map-js":false,"path":false,"url":false,"fs":false}}');
|
|
9093
9093
|
|
|
9094
9094
|
/***/ }),
|
|
9095
9095
|
|