静态资源编译
编译资源
编译资源
简介
以前,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.js
和storage/statis/sass/style.scss
,并将它们都编译到storage/compiled
目录中。
您可以随意更改文件编译到的目录。有关其他配置值的更多信息,请查看 Laravel Mix Documentation。
编译
既然我们已经配置了已编译的资源,现在就可以实际编译它们了。
您可以通过运行:
$ npm run dev
这将编译资源并将其放入配置文件中指定的目录中。
您还可以让 NPM 等待更改,并在检测到更改时重新编译。这类似于自动重新加载服务器。为此,只需运行:
$ npm run watch
本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。