We Keep Coding

Can php file bundle by webpack like html

WebPack can bundle HTML files and output from the src directory to the dist directory../src/index.html to ./dist/index.html We know this is a static HTML file, but when I use it in my PHP project, it will need to change the index.html to index.php file. Also, I need to change or customize all of the static content to PHP logic or dynamic content. My question is if I need to add a new section or edit something in my main HTML file then I will need to change on ./src/index.html file from the src folder, then WebPack will do bundle again and make an ./dis/index.html file to the dist directory. Then again need to change the same process for the PHP files and change in PHP file for dynamic content.Should I use the PHP file in the src directory and use here PHP functions, logic or something else or dynamic content? Then bundle finally for distribution or final file to dist directory as ./src/index.php file ./dist/index.php
Have any way for use PHP finalize for render/bundle to for distribution?

Importing a js file outside the src directory in react js

I have a js file which contains some data, in the public directory. And I want to change them even after the building. And I don't like to build every time I change that file. How can I import that data.js file without getting "Relative imports outside of src/ are not supported." error.
The project was created using create-react-app.

You need to include it using a script tag in the index.html file in your public folder.

Where should I put these strange files in the file structure for Flask app?

So I downloaded a template for a website, with the aim to use it in my Flask app. I know the basic file structure of Flask app is this:
-app
app.py
-static
-images
-image files
-style
-css files
-templates
-html files
But when I opened the folder of the template code, I found all these strange files and I couldn't decide where to put them.
The original files:
So I put the css, fonts, images, js folders into the static folder and left the rest of the files in the templates folder along with index.html (ignore index - Copy.html, that is a copy I made of the original index.html file), updated the paths of css and js files inside the HTML document and executed app.py.
The file ran but most of the text of index.html was not loading and only one image was being displayed. I checked the logs in the command line terminal and discovered that most of the css was not even getting called.
What am I doing wrong? How should I arrange these files?

In your html file you should connect styles in this way:
<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/style.css') }}">

accessing a file in the root folder from a subfolder

my folder structure is as follows:
sample/register
i have a file in sample folder named index.html .i want to redirect to this file from a file within register folder.how can i do that? this is what i have done.But the problem is that i have a file within register folder named index.html and its getting redirected to this folder.how do i mention the root folder?
<li><a id="register" href="index.html">Back</a></li>

Depending on where your root folder is href="/index.html" may work or just going up one folder with href="../index.html"

How can we call the .js file from html file residing in different directories in iOS SDK?

I have dragged a folder named mydocs and selected the "create folder references." option in coy menu.
Here is my folder hierarchy.
|- mydocs
|- newfolder
|- anothernewfolder
|- js
|- main.js
|- view
|- html
|- index.html
I have to call the main.js file from index.html file.
For now I am using the absolute path "user/...../mydocs/newfolder/anothernewfolder/js/main.js"
for including the file. It works like charm on simulator but when I run this on device I doesn't gets called.
How to call the .js files from the .html file residing in different directories?
After searching over the internet I found this answer in this post and by looking at it
../../anothernewfolder/js/main.js worked for me as .. means up one directory and . means current directory.
So I have to go up two time for finding the directory of the .js files.
But I am unable to find how the .js file can refer to another .js file of different directory?

try to use the following code in your index.html
../anothernewfolder/js/main.js

You need to call main.js like this in index.html in view folder:
<script type="text/javascript" src="../anothernewfolder/js/main.js"></script>