Как настроить babel для чтения пакета. json в laravel микс? - PullRequest
Новая
       10

Как настроить babel для чтения пакета. json в laravel микс?

0 голосов
/ 28 января 2020

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

@babel/plugin-proposal-class-properties в плагине babel. Я узнал, что в babel вы можете собрать пресеты и плагины вместе в пакете. json под тегом babel: ....

Однако, когда я помещаю их туда, он не загружается laravel миксом, когда я их запускаю, мне нужно изменить какой-либо конфиг веб-пакета или что-то еще?

Мне удается сделать это после того, как я создал .babelr c с этим: 

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ],
    "plugins": [
        [
            "@babel/plugin-proposal-class-properties",
            {
                "loose": true
            }
        ]
    ]
}

Ранее, когда я пытаюсь поместить это в пакет. json он не загружается. Уже проверил это через console.log(Config.babel());

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

Вот мой пакет. json, который не загружает плагины babel: 

    "babel": {
        "presets": [
            "@babel/preset-env",
            "@babel/preset-react"
        ],
        "plugins": [
            [
                "@babel/plugin-proposal-class-properties",
                {
                    "loose": true
                }
            ]
        ]
    },
    "dependencies": {
        "@date-io/date-fns": "^1.3.11",
        "@formatjs/intl-pluralrules": "^1.3.5",
        "@fortawesome/fontawesome-free": "^5.11.2",
        "@material-ui/core": "4.7.0",
        "@material-ui/icons": "^4.5.1",
        "@material-ui/lab": "^4.0.0-alpha.33",
        "@material-ui/pickers": "^3.2.8",
        "@material-ui/styles": "^4.6.0",
        "@tanem/svg-injector": "^8.0.35",
        "axios": "^0.19.0",
        "axios-mock-adapter": "^1.17.0",
        "bootstrap": "^4.4.1",
        "chart.js": "^2.9.3",
        "clipboard-copy": "^3.1.0",
        "clsx": "^1.0.4",
        "cp-cli": "^2.0.0",
        "css-mediaquery": "^0.1.2",
        "date-fns": "^2.8.1",
        "dentist": "^1.0.3",
        "downshift": "^3.4.2",
        "fg-loadcss": "^2.1.0",
        "formik": "^2.0.6",
        "json2mq": "^0.2.0",
        "jss-rtl": "^0.3.0",
        "lodash": "^4.17.15",
        "material-ui-popup-state": "^1.4.1",
        "object-path": "^0.11.4",
        "perfect-scrollbar": "^1.4.0",
        "prop-types": "^15.7.2",
        "react": "^16.12.0",
        "react-bootstrap": "1.0.0-beta.16",
        "react-dom": "^16.12.0",
        "react-draggable": "^4.1.0",
        "react-helmet": "^5.2.1",
        "react-highlight": "^0.12.0",
        "react-intl": "^3.6.2",
        "react-is": "^16.12.0",
        "react-perfect-scrollbar": "^1.5.3",
        "react-redux": "^7.1.3",
        "react-router-dom": "^5.1.2",
        "react-router-last-location": "^2.0.1",
        "react-scripts": "3.2.0",
        "react-select": "^3.0.8",
        "react-swipeable-views": "0.13.3",
        "react-swipeable-views-utils": "0.13.3",
        "react-syntax-highlighter": "^11.0.2",
        "react-window": "^1.8.5",
        "reactstrap": "^8.1.1",
        "redux": "^4.0.4",
        "redux-persist": "^6.0.0",
        "redux-saga": "^1.1.3",
        "socicon": "^3.0.5"
    },
    "devDependencies": {
        "@babel/plugin-proposal-class-properties": "^7.8.3",
        "@babel/preset-react": "^7.0.0",
        "@babel/preset-env": "^7.2.3",
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "cross-env": "^6.0",
        "jquery": "^3.2",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "react": "^16.2.0",
        "react-dom": "^16.2.0",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "7.*"
    }

Спасибо

...