skoellen / mix-designer
Basic scaffolding for a laravel mix ready app
Installs: 35
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 1
Open Issues: 20
Language:HTML
Type:project
Requires
- jenssegers/blade: ^1.1
- symfony/config: ^4.2
- symfony/http-foundation: ^4.2
- symfony/routing: ^4.2
- symfony/yaml: ^4.2
- dev-master
- 1.0.5
- 1.0.4
- 1.0.3
- 1.0.2
- 1.0.1
- 1.0.0
- dev-dependabot/npm_and_yarn/json5-1.0.2
- dev-dependabot/npm_and_yarn/express-4.18.2
- dev-dependabot/npm_and_yarn/qs-and-express-6.11.0
- dev-dependabot/npm_and_yarn/decode-uri-component-0.2.2
- dev-dependabot/npm_and_yarn/loader-utils-and-webpack-cli-1.4.2
- dev-dependabot/npm_and_yarn/eventsource-1.1.1
- dev-dependabot/npm_and_yarn/url-parse-1.5.10
- dev-dependabot/npm_and_yarn/follow-redirects-1.14.8
- dev-dependabot/npm_and_yarn/ajv-6.12.6
- dev-dependabot/npm_and_yarn/path-parse-1.0.7
- dev-dependabot/npm_and_yarn/dns-packet-1.3.4
- dev-dependabot/npm_and_yarn/browserslist-4.16.6
- dev-dependabot/npm_and_yarn/lodash-4.17.21
- dev-dependabot/npm_and_yarn/ssri-6.0.2
- dev-dependabot/npm_and_yarn/y18n-4.0.1
- dev-dependabot/npm_and_yarn/elliptic-6.5.4
- dev-dependabot/npm_and_yarn/ini-1.3.7
- dev-dependabot/npm_and_yarn/http-proxy-1.18.1
- dev-dependabot/npm_and_yarn/websocket-extensions-0.1.4
- dev-dependabot/npm_and_yarn/acorn-6.4.1
This package is auto-updated.
Last update: 2023-12-01 00:15:21 UTC
README
Mix Designer is a static micro project for development with simplest routing, templates and modern asset management.
This scaffolding is our way of quickly getting something real during frontend development. You can develop within the project and transfer your emerging Javascript, Sass (or Less etc.) files and also your Blade templates to your next Laravel project with ease.
For frontend development we wanted to simplify installation and setup even more, but don't miss the features we are already working with.
- Install Mix designer with composer
- Install npm dependencies
- Register your routes in
routes.yaml
- Get started with your assets in
resources/
and withwebpack.mix.js
Includes
- Laravel Mix
- Blade standalone
- Symfony components for routing, http, yaml loading
Installation
You can install the Mix Designer for a new project with:
composer create-project skoellen/mix-designer new-project
Install dependencies with
npm install
Add your repository
In order to collaborate with Mix designer you can add your own git repository and push it to your source code hoster.
Usage
Mix designer uses Laravel Mix for asset management.
Use the api of Laravel Mix and customize Mix Designer structure to your needs.
Some commands to run mix
# Asset compilation in development mode npm run dev # Watch files for changes and run compilation npm run watch # Compile files for production npm run production
Example
You can put your Sass app.scss
file inside of resources/sass/
. Within your webpack.mix.js
:
// ... mix.sass('src/sass/app.scss', 'public/css/');
This will basically get your sass file and compile it into a browser ready css file public/css/app.css
and can be included in your templates.
License
MIT - See license file