Magento Stack Exchange is a question and answer site for users of the Magento e-Commerce platform. It only takes a minute to sign up.
Sign up to join this community
We currently have a large phtml file that is essentially a plain JavaScript file, eg.,
<?php
// some conditional check. about 10 lines of code
>
<script>
// here is 1000 lines of JavaScript
</script>
We want so split JavaScript into separate file so editor can have syntax highlight and we can run linters on JS file. What is the best way to split JS file into separate file but at run time still inline JavaScript code (so client doesn't have to fetch separate JS file)?
Please add this code in layout XML view/frontend/layout/
<head>
<script src="Vendor_Module::js/newfile.js"/>
</head>
Or else add below script in php,
<?php
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$repo = $objectManager->get('\Magento\Framework\View\Asset\Repository');
?>
<script type="text/javascript" src="<?php echo $repo->getUrl("MyModule::js/my.js") ?>"></script>
And move all script code to this js file. And then check it.
In my case I wanted to place script at before.body.end and I had some php logic so I wanted to keep phtml. I end up having phtml like
<?php
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$repo = $objectManager->get('\Magento\Framework\View\Asset\Repository');
?>
<script type="text/javascript" src="<?php echo $repo->getUrl("MyModule::js/my.js") ?>"></script>
and I put my.js file in view/frontend/web/js
view/frontend/layout/?<head> <script src="Vendor_Module::js/newfile.js"/> </head>and move all script code to this js file.