Mix 选项

未匹配的标注

Mix 配置选项

mix.options({
    extractVueStyles: false,
    processCssUrls: true,
    terser: {},
    purifyCss: false,
    //purifyCss: {},
    postCss: [require('autoprefixer')],
    clearConsole: false
});

如果你需要引入相关配置文件,你可以配置部分 Mix 选项来覆盖一些可用的参数。请留意上面的这些配置选项及选的默认值。您需要快速预览这些配置。

  • extractVueStyles:将扩展名为 .vue 是组件样式 (CSS 样式内 <style> 的标签) 到专用文件中,而不是将其内联到HTML中。
  • globalVueStyles:指示要包含在每个组件样式中的文件。此文件应仅包含变量,函数或混合类型,以防止最终编译文件中出现重复的 css 。此选项仅在启用 extractVueStyles 时有效。
  • processCssUrls:处理/优化相对样式表的 URL()。 默认情况下, Webpack 会在关联文件时自动更新这些URL。 但是,如果您的文件夹结构已按您希望的方式构建,请将此选项设置为“false”以禁用处理。
  • terser:使用此选项合并任何项目所需文件 custom Terser options 。
  • purifyCss: 如果希望 Mix 自动读取您的 HTML / Blade 文件并删除所有未使用的选择器在 CSS 样式表中,请将此选项设置为 true。 您还可以传递包含的对象 purifycss-webpack options
  • postCss: 合并任何的定义的 postcss 插件。
  • clearConsole: 如果您不希望每次在构建后清除终端/控制台,请将此项设置为false。

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

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

原文地址:https://learnku.com/docs/laravel-mix/4.0...

译文地址:https://learnku.com/docs/laravel-mix/4.0...

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
贡献者:2
讨论数量: 0
发起讨论 只看当前版本


暂无话题~