![]() In the Settings dialog ( Ctrl+Alt+S), click File Watchers under Tools. In the embedded Terminal ( Alt+F12), type: ![]() Make sure the CSS and File Watchers required plugins are enabled on the Settings | Plugins page, tab Installed, see Managing plugins for details. Make sure you have Node.js on your computer. To change this default presentation, configure file nesting in the Project tool window. However, in the Project Tree, the file with the minified code is shown under the source CSS file which is displayed as a node. The location of this generated file is defined in the Output paths to refresh field of the New Watcher dialog. The generated minified code is stored in a separate file with the name of the source CSS file and the extension min.css. You can specify other events that invoke CSSO. To minify your code automatically, you need to configure a CSSO File Watcher which will track changes to your files and run CSSO.īy default, minification starts as soon as a CSS file in the File Watcher's scope is changed and saved. If you're not using build tools, you can use stand-alone tools, such as CSSO or cssnano. Most often compression is done as a step in your build process, with tools like webpack. At the production stage, they only increase the size of code to be transferred. During development and debugging, these characters make code easier to read. Minification or compression means removing all unnecessary characters, such as spaces, new lines, comments, without changing the functionality of the source code.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |