agenciafmd / starter-lp
MIXD Internet - Starter LP
This package is auto-updated.
Last update: 2024-08-30 01:11:48 UTC
README
有关整个开发过程的所有信息,请参阅F&MD starter项目Wiki
启用BrowserSync
- 复制并重命名文件
resources/js/environment.example.js
为resources/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
。您的应用程序将出现在指定的端口上。