File tree Expand file tree Collapse file tree 1 file changed +7
-4
lines changed Expand file tree Collapse file tree 1 file changed +7
-4
lines changed Original file line number Diff line number Diff line change @@ -33,19 +33,22 @@ style.innerHTML = css;
3333
3434## Developed as a helper tool for Web Components 👌🏻
3535
36- This CLI tool was created to simplify web component development.
36+ This CLI tool was created to simplify web component development without the need for WebPack, Rollup and similar tools .
3737
3838With IDE's like IntelliJ PHPStorm you can set up ** File Watchers** to automatically compile
3939** CSS** and ** HTML** to usable TypeScript/JavaScript modules.
4040
41- ** Example:** Use ** File Watchers** in ** PHPStorm** to compile SCSS to CSS
41+ #### Example:
42+ Use ** File Watchers** in ** PHPStorm** to compile SCSS to CSS
4243automatically on new changes. Then convert ** CSS** with ** Autoprefixer** and
4344** CSS Optimizer** on external changes - and finally, compile the css-file to a TypeScript/JavaScript module that
4445you can easily import into your web component file.
4546
46- ** PHPStorm File Watchers settings **
47+ So, now you can easily just change the SCSS file and it will automatically update the JS code after you saved the changes.
4748
48- ![ PHPStorm File Watchers Example] ( https://https://github.com/rammewerk/csshtml-module/.github/readme/file-watcher-example.png?raw=true )
49+ #### PHPStorm File Watchers settings:
50+
51+ ![ PHPStorm File Watchers Example] ( https://github.com/rammewerk/csshtml-module/blob/main/.github/readme/file-watcher-example.png?raw=true )
4952
5053## Usage
5154
You can’t perform that action at this time.
0 commit comments