ошибка при использовании импорта в веб-пакете.Uncaught SyntaxError: Неожиданный токен {

Question

У меня проблема с веб-пакетом.Я использую webpack-dev-server, но когда я пытаюсь запустить его, я имею эту ошибку SyntaxError: Unexpected token {, пытаясь выяснить это со вчерашнего дня, но не повезло.

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

. / Sort.js Это мой экспорт

     export {descend, ascend};

. / Index.js это мой импорт

    import {descend, ascend} from './js/insertion_sort';

. / babelrc это babel

    {
      "presets": [["@babel/preset-env"]]
    }

webpack.config.js это мой конфиг веб-пакета

const path = require ('path');

const path = require ('path');

module.exports = {
 entry: './src/index.js',
 output: {
 path: path.resolve(__dirname, 'dist'),
 filename: 'bundle.js',
 publicPath: '/'
},
module: {
 rules: [
  {test: /\.scss$/, use: 'scss-loader'},
  {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}
 ]
},
devServer: {
 contentBase: './'
 }
};

я не использую комплект между прочим.Я просто использую индексный файл в качестве основного.

ОБНОВЛЕНИЕ

так что, ребята, это так странно.что я сделал.на моем html.index я поменяю тег сценария на <script src="./src/index.js"></script> на <script src="./bundle.js"></script>, затем он работает.но на моем package.json я еще не построил его.Я просто управлял им."start": "webpack-dev-server --mode development --hot" как бы теперь упаковать webpack, где искать bundle.js, когда он еще не закончился.сумасшедший