skoellen/mix-designer

此包已被放弃,不再维护。没有建议的替代包。

为Laravel Mix准备应用的基本脚手架

安装: 35

依赖项: 0

建议者: 0

安全: 0

星星: 0

关注者: 1

分支: 1

开放问题: 20

语言:HTML

类型:项目


README

Mix Designer是一个用于开发的静态微项目,具有最简单的路由、模板和现代资源管理。

这个脚手架是我们在前端开发期间快速获得实际成果的方式。您可以在项目中开发,并轻松地将您的JavaScript、Sass(或Less等)文件以及Blade模板转移到您的下一个Laravel项目中。

对于前端开发,我们希望进一步简化安装和设置,但不会遗漏我们正在使用的功能。

  1. 使用Composer安装Mix designer
  2. 安装npm依赖
  3. routes.yaml中注册您的路由
  4. resources/中开始使用您的资源,并使用webpack.mix.js

包含

安装

您可以使用以下方式为新的项目安装Mix Designer

composer create-project skoellen/mix-designer new-project

使用以下方式安装依赖

npm install

添加您的仓库

为了与Mix designer合作,您可以添加自己的git仓库并将其推送到源代码托管平台。

使用方法

Mix designer使用Laravel Mix进行资源管理。

使用Laravel Mix的API并自定义Mix Designer结构以满足您的需求。

运行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

示例

您可以将您的Sass app.scss文件放在resources/sass/中。在您的webpack.mix.js

// ...
mix.sass('src/sass/app.scss', 'public/css/');

这将基本地将您的Sass文件编译成浏览器可用的CSS文件public/css/app.css,并可以包含在您的模板中。

许可证

MIT - 请参阅许可证文件