В настоящее время я пытаюсь установить Laravel Mix внутри проекта WordPress для обработки моей компиляции активов.
У меня есть webpack.mix.js
файл, настроенный следующим образом:
let mix = require("laravel-mix");
mix.babel("src/js/app.js", "dist/js/app.js")
.sass("src/scss/style.scss", "dist/css/style.css")
.sourceMaps()
.setPublicPath("dist");
I.babelrc
также настроен следующим образом:
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"ie": "11"
}
}
]
]
}
Единственный код, который я сейчас использую внутри app.js
, это:
import Vue from "vue";
Однако, когда я перехожу на страницу, я получаю следующую ошибку:
Uncaught ReferenceError: require is not defined at app.js:3
И скомпилированный файл выглядит так (проблема, очевидно, заключается в строке var _vue
):
"use strict";
var _vue = _interopRequireDefault(require("vue"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
Я действительно застрял в этом вопросе, так как не уверен, что делать.Любые идеи приветствуются!