라라벨믹스 웹팩 공용 경로

라라벨믹스 웹팩 공용 경로

그래서 나는 Laravel-Mix를 사용하고 있으며 웹팩에서 코드 분할을 설정했다.나는 이와 같은 Vue 구성 요소에 동적 가져오기를 사용하고 있다.

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

나도 Babel을 사용하고 있기 때문에 내 구문-동적-가져오기 플러그인 로딩이 있다..babelrc프로젝트 루트에 철하다

이것은 모두 잘 작동하고 있으며, 웹팩은 빌드할 때 코드를 적절하게 분할하고 있다.그러나 문제는 그 덩어리를 속보다는 공공의 뿌리에 넣고 있다는 점이다.public/js

만약 내 웹팩에 mix.js가 있다면...

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

...그리고 나서 혼합물은 빌드된 파일을 적절히/js전화번호부

하지만 파일을 정리하려면 webpack.mix.js에 있으면...

 mix.webpackConfig({
    entry: {
        app: './resources/assets/js/app.js',
    },
    output: {
        filename: '[name].js',
        publicPath: 'public/js',
    }
});

...내가 publicPath 재산에 무엇을 할당하든 간에 모든 청크들은 공공의 뿌리에 들어가게 된다.

내가 여기서 뭘 놓치고 있는지 알기나 해?

다음을 사용하여 공용 경로 설정 시도mix.setPublicPath('public/build')방법

청크 경로 변경webpack.mix.js당신의 사랑스런 루트 폴더 아래

mix.webpackConfig({
    output: {
        filename:'js/main/[name].js',
        chunkFilename: 'js/chunks/[name].js',
    },
});

또한 main js 위치를 변경하는 laravel 방법은 mix.js 함수를 사용하는 것에 주목한다.

mix.js('resources/assets/js/app.js', 'public/js/main')

참조URL: https://stackoverflow.com/questions/48862993/laravel-mix-webpack-public-path