在 Laravel 项目中转译 ES6

Question

我被要求在 Laravel 7 网络应用程序中进行一些开发。 （我是 Laravel 的新手）

我希望使用更现代的 JS 语法，但为了支持旧版浏览器，我需要转译代码，但我遇到了麻烦。

我有 2 个不同的文件/模块，在第三个中，我需要它们。

我将发布代码，以便您更好地掌握。 （将代码编辑得更短）

package.json

 "devDependencies": {
        "webpack": "^4.43.0"
    },
    "dependencies": {
        "@babel/core": "^7.10.5",
        "babel-core": "^6.26.3",
        "babel-loader": "^8.0.0-beta.6",
}

服务 1

function foo(id) {
    const URL = someUrl;
    return fetch(URL, { method: 'GET' })
        .then(response  => response.json())
        .then(json      => json);
}
   
export const serviceOne = {
    foo: foo
}

服务 2

function clearSelectpicker(selectpicker) {
    selectpicker
        .html('')
        .selectpicker('refresh');
}
    
export const domService = {
    clearSelectpicker: clearSelectpicker
}

需要上述服务的模块

import { serviceDom }   from '/resources/js/services/dom.service.js';
import { serviceOne }   from '/resources/js/services/one.service.js';

async function laod(cod) {
    serviceOne.something();
}

async function find(id) {
    serviceDom().bla();
}

webpack.mix.js

mix.js('resources/js/services/dom.service.js', 'public/assets/js/services/dom.service.js');
mix.js('resources/js/services/one.service.js', 'public/assets/js/services/one.service.js');
mix.js('resources/js/main.js', 'public/assets/js/main.js');

然后我运行 npm run dev

./resources/js/main.js 中的错误 未找到模块：错误：无法解析“/resources/js/services/one.service.js”

./resources/js/main.js 中的错误 找不到模块：错误：无法解析“/resources/js/services/dom.service.js”

非常感谢！

Answer 1

对于有类似问题的人

import { serviceDom }   from '/resources/js/services/dom.service.js';
import { serviceOne }   from '/resources/js/services/one.service.js';

到

import { serviceDom }   from '../services/dom.service.js';
import { serviceOne }   from '../services/one.service.js';