agenciafmd/starter-lp

MIXD Internet - Starter LP

安装: 99

依赖: 0

建议者: 0

安全: 0

星标: 6

观察者: 4

分支: 0

开放问题: 0

语言:CSS

类型:项目

dev-master 2022-05-02 14:10 UTC

This package is auto-updated.

Last update: 2024-08-30 01:11:48 UTC


README

有关整个开发过程的所有信息,请参阅F&MD starter项目Wiki

启用BrowserSync

  • 复制并重命名文件resources/js/environment.example.jsresources/js/environment.js
  • 在文件environment.js中更改域名(domain
    • 不建议将文件environment.js直接放在项目中,因为每个开发者都可以在本地为网站域名设置任何名称

关于Environment.js的详细信息

resources/js/environment.js是项目信息的集中管理器,其创建目的是作为Laravel的env环境使用,因此可以简化HTML页面编码的过程。在文件中可以进行页面SEO、域名、.net目录名称的定制,以及定义项目中现有的HTML页面用于critical-css的用法。

关于Critical-path.js的详细信息

在文件webpack.mix.js中,我们有critical-css的屏幕尺寸和页面配置,通过Puppeteer读取所有CSS类,并提取到public/css/critical/目录下的页面(css)单独文件。基于生成的critical-css css文件,resources/js/critical-path脚本的作用是从public/css/critical/目录中提取样式css,添加到public目录中现有的HTML页面的head中。通过这项功能,我们可以确保网站性能的提升。

关于Post-prod.js的详细信息

resources/js/post-prod脚本的作用是从resources/js/environment.js中提取PostScripts数据,并修改在public目录下的新文件。

在脚本编码中使用了node.js的fs模块来读取/写入文件,同时使用系统“标签”来定位新内容应该写入的位置。为了使critical-path.js和post-prod.js的更改生效,需要使用命令npm run prod或npm run production。这样,脚本将被执行,内容更改将出现在public目录中的HTML文件中。

关于Docker的详细信息

在Dockerfile文件中,需要将字符串Meu-App-Docker更改为与项目对应的名称。
同样,对于Deploy.yml文件,将字符串meuappdocker更改为项目名称,但需要丢弃特殊字符和大小写字母。
要执行项目的watch模式,需要上传docker-compose文件,打开docker-compose.yml文件,找到container_name: {NAME_PROJECT}行,将字符串{NAME_PROJECT}更改为您希望为其容器设置的名称。
ports: - "12345:80"行中,可以选择运行应用程序的端口。只需将端口12345更改为您喜欢的端口即可,但请注意不要修改默认的端口80,因为Docker容器将在这个端口上运行。
文件的最后一行包含负责在执行时更新视图的命令。在这里,需要将命令--project Meu-App-Docker中的名称更改为您的.NET项目名称。
最后,只需通过终端进入项目目录并执行命令docker-compose up。您的应用程序将出现在指定的端口上。