huzaifa-a/laravel-mix.md

## laravel-mix.md

      
    Raw
  

              laravel-mix.md
            
          
    Installation

Configure browserSync

webpack.mix.js

mix.browserSync({
    proxy: 'localhost:8080',
    files: [
        'index.html',
    ]
});
mix.js('src/app.js', 'dist/')
    .sass('src/app.scss', 'dist/')
    .sourceMaps(false, 'inline-source-map');
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="http://localhost:8080/dist/app.css">
    <script src="http://localhost:8080/dist/app.js"></script>
</head>
<body>

</body>
</html>
How To Set Up Apache Virtual Hosts on Ubuntu

sudo gedit /etc/apache2/sites-available/subdomain.conf 

Listen 89

<VirtualHost *:89>
   ServerAdmin admin@localhost
   ServerName  localhost
   DocumentRoot /home/huzaifa/www/mix
	<Directory /home/huzaifa/www/mix/>
		Options Indexes FollowSymLinks
		AllowOverride All
		Require all granted
	</Directory>
</VirtualHost>