如何在 Laravel 5.8 上为 IE11 编译 vue.js 和 tailwind.js

Posted 2023-03-07

【中文标题】如何在 Laravel 5.8 上为 IE11 编译 vue.js 和 tailwind.js

【英文标题】：How to compile vue.js and tailwind.js for IE11 on Laravel 5.8

【发布时间】：2019-12-18 20:10:36

【问题描述】：

我试图在 IE11 上运行 vue.js 和 tailwind.js 但没有任何成功。 Chrome、Firefox 和 Safari 都可以。

是否有可能为 IE11 编译 .js 和 .css 文件，使其看起来与其他 Internet 浏览器相同？

我尝试过的：

添加 babel 以混入 webpack.mix.js

mix.js('resources/js/app.js', 'public/js')
  .babel('public/js/app.js', 'public/js/es5js.js')
  .sass('resources/sass/app.scss', 'public/css')
  .tailwind('./tailwind.config.js')
  .version(); 

在我的主站点上，我使用 <script src=" mix('/js/es5js.js') "></script> 加载它

但样式和 javascript 仍未正确加载。好像根本没有加载。

看起来像这样：

以及它的外观：

任何帮助将不胜感激

【参考方案1】：

Mix 已经将 babel 编译与 .js 一起使用，因此您应该删除单独的 .babel 调用：

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .tailwind('./tailwind.config.js')
   .version(); 

然后在你看来：

<script src=" mix('/js/app.js') "></script>

要配置浏览器，请使用 browserlist (https://www.npmjs.com/package/browserslist)。我认为它已经与 laravel mix 开箱即用了。

.browserslistrc 文件示例：

# Browsers that we support 

last 1 version
> 1%
IE 11
maintained node versions
not dead

这里是浏览器列表和浏览器使用的一个很好的链接：https://browserl.ist

【讨论】：

我是整个编译界的新手。您的解决方案不起作用。 Vue 组件仍未在 IE11 上加载。

@Greg Ostry 继续关注 vue+ IE11，这是一个完全不同的问题。看看世界上其他人发现了什么作为解决方案（除了放弃对 IE11 的支持）