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

Question

我试图在 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 仍未正确加载。好像根本没有加载。

看起来像这样：

以及它的外观：

任何帮助将不胜感激

Answer 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