自定义Webpack配置的问题

Question

Laravel混合（4.0.15） 操作系统Ubuntu 18.04

复制步骤：

1. 创建一个新的laravel项目（Laravel 5.8，因为它使用了laravel-mix 4）
2. 动态导入组件。

Vue.component('example', () => import('./components/Example.vue'));

我一直在使用babel动态导入来导入它。

 "@babel/plugin-syntax-dynamic-import": "^7.2.0",

您可能在根目录中需要.babelrc。

1. 尝试将块文件放到public / js / prod中直到现在为止仍有效。

let mix = require('laravel-mix');

mix.webpackConfig({
    resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            // 'vue$': 'vue/dist/vue.esm.js',
            '@': __dirname + '/resources/assets/js'
        },
    },
    output: {
        chunkFilename: 'js/prod/[name].js',
    },
});


mix.js('resources/assets/js/app.js', 'js')
    .version();

1. 尝试提取插件，并且会导致问题。

mix.js('resources/assets/js/app.js', 'js')
    .mix.extract(['vue','jquery', 'popper.js'])
    .version();

1. 现在，文件app.js和vendor.js分别转到js / prod // js / app.js和js / prod // js / vendor.js。 无法将app.js和vendor.js放在/ js中，将大块放在/ js / prod中。在先前可用的版本中。