Как я могу добавить vue-loader с laravel-mix в Statamic через webpack.mix.js - PullRequest
Новая
       32

Как я могу добавить vue-loader с laravel-mix в Statamic через webpack.mix.js

0 голосов
/ 03 апреля 2019

Что такое правильный laravel-mix webpackConfig () для добавления vue-loader?

У меня установлена ​​Statamic с запущенным laravel-mix, vue и vue-loader, и Vue работает, если я добавляю файл компонента .js в mix.js (). Однако, независимо от того, что я пытаюсь сделать, я не могу найти mix.webpackConfig (), который добавит vue-loader в мой проект. Я видел другие посты Stack по этому поводу и пробовал другой синтаксис, но эти решения не работают для меня.

webpack.mix.js 


const mix = require('laravel-mix');
const theme = 'my-theme';
const tailwindcss = require('tailwindcss');
const VueLoaderPlugin = require('vue-loader/lib/plugin');

require('laravel-mix-tailwind');

mix.webpackConfig({
        module: {
            rules: [
              {
                test: /\.vue$/,
                loader: ['vue-loader']
              }
            ]
        },
        plugins: [
            new VueLoaderPlugin()
        ]
    })
    .setPublicPath('./')
    .sass('sass/app.scss', 'css/' + theme + '.css', {
        includePaths: ['node_modules']
    })
    .tailwind()
    .options({
        processCssUrls: false,
        postCss: [ tailwindcss('./tailwind.js') ]
    })
    .js([
        'js/src/app.js',
        'js/src/vendor/segment_trackers.js',
    ], 'js/' + theme + '.js')
    .extract();

if (mix.inProduction()) {
    mix.version();
}

package.json 

    "devDependencies": {
        "cross-env": "^5.2.0",
        "laravel-mix": "^4.0.15",
        "laravel-mix-tailwind": "^0.1.0",
        "sass": "^1.17.4",
        "sass-loader": "^7.1.0",
        "tailwindcss": "^0.7.4",
        "vue": "^2.6.10",
        "vue-loader": "^15.7.0",
        "vue-template-compiler": "^2.6.10"
    },

В настоящее время я получаю эту ошибку "[VueLoaderPlugin Error] Не найдено подходящего использования для vue-loader. Убедитесь, что правило, соответствующее файлам .vue, включает в себя vue-loader."

...