No announcement yet.

How to remove all Drupal 10 core CSS -and JS files, for an uber-clean frontend theme

  • Filter
  • Time
  • Show
Clear All
new posts

  • How to remove all Drupal 10 core CSS -and JS files, for an uber-clean frontend theme

    Drupal is a powerful and flexible content management system that allows for a high degree of customization when it comes to theming. However, out of the box, Drupal comes with a lot of CSS and JavaScript files that may not be necessary for your site's frontend theme. Removing these files can help improve page load times and make your theme more streamlined and efficient. In this post, we'll walk through the steps to remove all Drupal 10 core CSS and JS files for an uber-clean frontend theme.

    Step 1: Identify the CSS and JS files to remove

    Before you can remove any files, you'll need to identify which CSS and JS files are part of Drupal core. You can find a complete list of these files in the Drupal core directory in the sites/all/libraries directory.

    Step 2: Create a sub-theme

    To remove core CSS and JS files, you'll need to create a sub-theme. This allows you to override the default theme settings and remove any unnecessary files. To create a sub-theme, navigate to your themes directory (usually located in the sites/all/themes directory) and create a new folder for your sub-theme.

    Step 3: Modify the .info.yml file

    Next, you'll need to modify the .info.yml file in your sub-theme directory to remove the core CSS and JS files. In this file, you'll see a list of CSS and JS files that are included in the theme. Simply delete any references to core CSS and JS files that you don't need.

    Step 4: Clear the cache

    After modifying the .info.yml file, you'll need to clear the cache to ensure that your changes take effect. To do this, navigate to the Performance page in your Drupal admin panel and click the "Clear all caches" button.

    Step 5: Test your theme

    Once you've removed the core CSS and JS files, you'll need to test your theme to ensure that it still functions properly. Make sure that all the necessary styles and scripts are still present and that the site displays correctly.

    In conclusion, removing all Drupal 10 core CSS and JS files for an uber-clean frontend theme can help improve performance and streamline your site's code. By following these simple steps, you can create a more efficient and effective frontend theme for your Drupal site.
    We were acquainted with Agile in the mid-2000s and it demonstrated to be a tremendous achievement bringing a new point of view. Though it’s 2019 and it’s far-fetched for remain solitary Agile to convey with a similar exactness. The techniques of Agile have nearly turned out to be old to dispatch effectiveness to your procedures. In this way, the focus has moved to DevSecOps Development, Security and Operations, which is breaking down the storehouses among groups and incorporated Development, Security and Operations in a solitary lucid string.