skoellen / mix-designer
此包已被放弃,不再维护。没有建议的替代包。
为Laravel Mix准备应用的基本脚手架
1.0.5
2019-07-29 10:17 UTC
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是一个用于开发的静态微项目,具有最简单的路由、模板和现代资源管理。
这个脚手架是我们在前端开发期间快速获得实际成果的方式。您可以在项目中开发,并轻松地将您的JavaScript、Sass(或Less等)文件以及Blade模板转移到您的下一个Laravel项目中。
对于前端开发,我们希望进一步简化安装和设置,但不会遗漏我们正在使用的功能。
- 使用Composer安装Mix designer
- 安装npm依赖
- 在
routes.yaml中注册您的路由 - 在
resources/中开始使用您的资源,并使用webpack.mix.js
包含
- Laravel Mix
- Blade独立
- 用于路由、http、yaml加载的Symfony组件
安装
您可以使用以下方式为新的项目安装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 - 请参阅许可证文件