Как правильно настроить webpack / @ babel / prese-env и browserlist, чтобы babel.config не игнорировался - PullRequest
Новая
       16

Как правильно настроить webpack / @ babel / prese-env и browserlist, чтобы babel.config не игнорировался

0 голосов
/ 22 января 2019

Как видно из названия, я пытаюсь настроить веб-пакет для работы с babel и browserslit.

Проблема в том, что файлы babel.config.js и .browserslistrc, по-видимому, игнорируются веб-пакетом. Когда я устанавливаю для @ babel.preset-env debug значение true, я не вижу никакой разницы в консоли. Когда я пытаюсь изменить список браузеров, я не вижу никакой разницы в размере моего бандла. Поэтому я предполагаю, что файлы как-то игнорируются.

Можно ли сохранить конфигурацию babel и список браузеров как внешний файл?

Существует ли некоторая переменная, которая не позволяет веб-пакету использовать файл конфигурации по умолчанию

Я недавно начал использовать веб-пакет. Я попытался указать путь к файлу конфигурации вручную, но это не решило мою проблему.

так что мой webpack.config.js такой: 

const webpack = require('webpack');
const path = require('path');

module.exports = {
    entry: './src/app.js',
    mode: 'development',
    // mode: 'production',
    module:{
        rules: [
            {
                test: /\.js$/,
                exclude: /(node_modules|dist|dev|bin|test)/,
                use: {
                    loader: 'babel-loader'
                }
            }
        ]
    },
    output: {
        path: path.join(__dirname, 'dev'),
        filename: 'bundle.js'
    }
}

мой файл конфигурации babel выглядит так: 

const presets = [
    [
        '@babel/preset-env',
        {
            useBuiltIns: 'usage'
        }
    ]
];
module.exports = { presets };

Я использую эти пакеты в своем приложении: 

"dependencies": {
    "@babel/polyfill": "^7.0.0",
    "bluebird": "^3.5.1",
    "customevent": "^1.0.0",
    "gsap": "^2.0.2",
    "jquery": "^3.3.1",
    "timers-browserify": "^2.0.10",
    "tween-ticker": "^3.3.2",
    "xhr": "^2.5.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.1.5",
    "@babel/core": "^7.1.6",
    "@babel/preset-env": "^7.1.6",
    "@babel/register": "^7.0.0",
    "babel-loader": "^8.0.5",
    "webpack": "^4.26.1",
    "webpack-cli": "^3.2.1",
    "webpack-dev-server": "^3.1.10"
  }
...