This question already has an answer here:

How to create Magento 2 custom module with include Css and Js ?

marked as duplicate by 7ochem, Rakesh Jesadiya, Fabian Schmengler, Qaisar Satti, Amit Bera Aug 22 '16 at 15:41

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.


I Hope this is useful for You,

add your css file to





add your Js file



    ], function($){
    $(document).ready(function() {

Reference: http://webkul.com/blog/magento2-how-to-add-css-and-js-file-in-module/ http://www.webspeaks.in/2016/03/how-to-add-css-and-js-in-magento-2-custom-module.html

Then add css and Js File to Your layout File.


    <?xml version="1.0"?>
     <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
          <css src="css/mycss.css" />
          <script src="js/myjs.js"/>
         <referenceContainer name="content">
              <block class="vendor\Module\Block\class" template="vendor_Module::class.phtml"/>

Remove this folder

 rm -rf var/cache/*
 rm -rf var/page_cache/*

Remove pub/static

rm -rf pub/static 


 If throw any error, via remove pub/static in terminal,

 Go to **<Magento root Dir>** via file manager the **remove pub/static**  directory.

 not using terminal to remove **pub/static** **folder**.

Next generate Static Content:

bin/magento setup:static-content:deploy 


php   bin/magento setup:static-content:deploy 

Now, try, Its worked for me.

  • Thank for your reply Raj. Its worked for me.... – sathya Aug 24 '16 at 5:18
  • 2
    You forgot to put php before bin/magento setup:static-content:deploy So, last command is: php bin/magento setup:static-content:deploy – WaPoNe Dec 1 '16 at 15:11
  • @WaPoNe I use bin/magento setup:static-content:deploy its is also works , i think windows only use php bin/magento setup:static-content:deploy – Rajkumar .E Dec 1 '16 at 15:23
  • 5
    @Rajkumar.E when you try to call your css/js, you have to specify the vendorName_moduleName also before css/js name: <css src="vendorName_moduleName::css/mycss.css" /> and <script src="vendorName_moduleName::js/myjs.js"/> – WaPoNe Dec 1 '16 at 15:59
  • 2
    A word of warning. When running rm -rf pub/static for apache users, your pub/static/.htaccess file may be removed causing console logs about missing files. – Dave Jan 19 '17 at 1:49

Try this

Create the view/<area>/layout/default.xml file in your module folder, which can be app/code/Df/Core, for instance.

Replace <area> with adminhtml or frontend

default.xml should look like:

<?xml version="1.0"?>
       <link src="Df_Core::core.js"/>
       <css src="Df_Core::core.css"/>

put the core.js and core.css files to the view/<area>/web folder.
  • Thank for your reply. i will check and let you know.. – sathya Aug 22 '16 at 9:56

Not the answer you're looking for? Browse other questions tagged or ask your own question.