Skip to main content

Open Source Assets Compiler For Projects

Assets Compilation


I am from the laravel and actully now habitude to its process. It also reflected on assets ( scss/less/vuejs) compilation. I have tried multiple alternatives like preproce. But at last come to the laravel's built in packages. 


Laravel's Assets Compilers 


1) Laravel Elixir
2) Laravel Mix

Both of the projects are shown here are the gift from the laravel developer to us. By the way this projects are created to work for laravel but you can use this project stand alone for your projects. This projects are npm based so you have to install them using the node package manager ( npm) or yarn.

Some description about both

1) Laravel Elixri

Laravel Elixir provides a clean, fluent API for defining basic Gulp tasks for your Laravel application. Elixir supports common CSS and JavaScript pre-processors like Sass and Webpack. Using method chaining, Elixir allows you to fluently define your asset pipeline.

It's documentation says for Laravel Application. But, You can use it for  any project even non php project after all its npm based so you just have to pull the npm dependacys for it
But i will recommand to use laravel mix insted of the laravel elixir. Laravel Mix is next version of laravel elixir and have more facilites than it.

2) Laravel Mix

Laravel Mix provides a clean, fluent API for defining basic webpack build steps for your Laravel application. Mix supports several common CSS and JavaScript pre-processors.

This is the pacakge present in the github repo. of the jefferyway ( Best online web developement teacher for me ). In this package jeffry has shown the way to use laravel mix on your project.

You can see the actul integration of the laravel mix in the github project mchampaneri/gowork 


Need Just two files to integrate it
package.json : responsible to fetch the npm dependancies
webpack.mix.js : config file of mix to compile the file


Comments

Popular posts from this blog

Apache : setup basic auth with apache in windows

Authentication is any process by which you verify that someone is who they claim they are. Authorization is any process by which someone is allowed to be where they want to go or to have information that they want to have. I will show here how to set up basic auth on the apache with windows. Pre-requests  Windows VPS Apache server ( That's it ) ( In windows it might be difficult to setup the Apache alone. So instead use something ling xampp , wamp or laragon .) RestClient (  I personally use the postman , but you can use your preferable client)  Windows VPS provider Steps  Enable the necessary modules in the Apache Create the password file Set the auth directives in the virtual host file. Verify basic auth. Enable the  necessary   modules  in the Apache Open the httpd.conf file in the apache's conf folder. httpd.conf file Enable the necessary modules to make the basic auth workin...

Google blogger Ideas panel

Google blogger Ideas  I opened by blogger today, and..   I got this.  Google blogger Ideas  A panel suggesting a topic on which I can write my next blog. It's fetching unanswered question from web according to your previous post and topics. It was something, I was really looking for, after all it takes time to finding subject on which to write next and still being in the same niche.  Awesome feature Blogger! 

Sciter : GUI Application with Golang using HTML/CSS

GUI library for golang sciter This is the words from Sciter's Web site, Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications. Various GUI frameworks offer different UI declaration and styling languages, such as QML and  XAML (Microsoft WPF) . On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering.   Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs / ui  library   i already have written a post on it. You can read it on post gui programming with golang .  But this library is still under construction and has no support for production apps. Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb....