Babel транспорта в ES5 не работает для node_modules - PullRequest
Новая
       15

Babel транспорта в ES5 не работает для node_modules

0 голосов
/ 27 августа 2018

Я пытаюсь запустить свой текущий проект в ie11, но выдает ошибку «1001 *» в foundation.js (он входит в классы Google по разработке материалов). Строка, о которой идет речь, export default MDCFoundation. Теперь из-за того, что у меня есть красный, проблема в том, что это код es6, а ie11 поддерживает только es5. Все идет нормально. Проблема сейчас в том, что я не могу понять, как заставить babel перейти на es5. Я использую webpack и babel, вот мой webpack.config.js: 

var path = require('path');
const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
var LiveReloadPlugin = require('webpack-livereload-plugin');
const autoprefixer = require('autoprefixer');

module.exports = {
  entry:{
    app: ['./src/app.js']
  },
  devtool: 'inline-source-map',
  externals: /^(tables.)/i,
  module: {
    rules: 
    [
      {
        test: /\.(png|jpg|jpeg|gif|svg)$/, use: 'url-loader?limit=25000'
      },
      {
        test: /\.(css)$/,
        use: [
          MiniCssExtractPlugin.loader, // <---- added here
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
              plugins: () => [autoprefixer()],
            }
          }
         ],
      },
      {
        test: /\.(scss)$/,
        use: [
          MiniCssExtractPlugin.loader, // <--- added here
          'css-loader',
          {
            loader: 'postcss-loader',
            options: {
                plugins: () => [autoprefixer()],
            },
          },
          {
            loader: 'sass-loader',
            options: {
              includePaths: ['./node_modules'],
            },
          }
        ],
      },
      {
        test: /\.js$/,
        include: /src/,
        loader: 'babel-loader',
        options: {
          "presets": [
            ["env", {
              "targets": {
                "browsers": ["ie >= 11"]
              }
            }]
          ]
        }
      }
    ],
  },
  optimization: {
    splitChunks: {
      cacheGroups: {
        commons: {
          test: /[\\/]node_modules[\\/]/,
          name: 'vendors',
          chunks: 'all'
        }
      }
    }
  },
  plugins: [
    new MiniCssExtractPlugin({filename: 'style.css'}),
    new LiveReloadPlugin({}),
    new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', jquery: 'jquery' })
  ],
  resolve: {
    extensions: ['.js']
  },

  watch: true,
  watchOptions: {
    aggregateTimeout: 300,
  },
  output: {
    publicPath: './dist',
    filename: 'bundle.js',
    path: path.resolve(__dirname, './dist')
  }
};

Как вы видите, я уже пытаюсь сказать Бабелу, что нужно перейти на ie11, но все равно выдает мне ту же ошибку.

...