静态资源编译

未匹配的标注
本文档最新版为 4.0,旧版本可能放弃维护,推荐阅读最新版!

编译资源

编译资源

简介

以前,Masonite 曾使用 libsass 软件包来处理 SASS 和 LESS,但现在 Masonite 已转向使用 NPM,以提供更好的开箱即用支持。更具体地说,Masonite 使用 Laravel Mix,它提供了一种非常简单的方法来处理资源编译,甚至比简单的 SASS 和 LESS 还要强大。不过,您无需成为 Laravel Mix 或 NPM 的专家即可编译资产。

入门

要开始,我们可以简单地运行 NPM 安装:

$ npm install

这将安装开始编译资源所需的一切。

配置

配置设置将在位于项目根目录中的 webpack.mix.js 文件中进行。

您可以看到已经有一个示例配置设置,如下所示:

mix.js('storage/static/js/app.js', 'storage/compiled/js')
    .sass('storage/static/sass/style.scss', 'storage/compiled/css');

这将移动这两个文件 storage/static/js/ app.jsstorage/statis/sass/style.scss,并将它们都编译到storage/compiled 目录中。

您可以随意更改文件编译到的目录。有关其他配置值的更多信息,请查看 Laravel Mix Documentation

编译

既然我们已经配置了已编译的资源,现在就可以实际编译它们了。

您可以通过运行:

$ npm run dev

这将编译资源并将其放入配置文件中指定的目录中。

您还可以让 NPM 等待更改,并在检测到更改时重新编译。这类似于自动重新加载服务器。为此,只需运行:

$ npm run watch

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://learnku.com/docs/masonite/2.3/us...

译文地址:https://learnku.com/docs/masonite/2.3/us...

上一篇 下一篇
贡献者:1
讨论数量: 0
发起讨论 只看当前版本


暂无话题~