[请教] 使 Laravel-mix 打包时,静态 JS 文件保存路径的问题

使用工具

框架:Laravel 5.8

前端:laravel-mix ^4.0.7

webpack.mix.js

const buildRoot = 'public/build';
const devSeverHost = 'www.meihui.com';

rm(buildRoot, err => {
    if (err) throw err
    console.log("清空编译文件夹\n\n")
});

mix.js('resources/js/app.js', buildRoot).extract(['vue'])
    .sass('resources/sass/app.scss', 'public/css');

if(mix.inProduction()) {
    mix.version();
    mix.webpackConfig({
        output: {
            chunkFilename: 'build/[id].[hash].js'
        }
    });
} else {
    mix.webpackConfig({
        output: {
            chunkFilename: 'build/[id].js'
        }
    });
    mix.browserSync({
            proxy: devSeverHost,
            files: ['resources/**/*']
        }
    );
}

生成的静态文件路径

laravel-mix ^1.0 使用的时候生成的静态文件都在build下面, 但是使用相同的代码,在laravel-mix ^4.0 却没有生成相同的路径。

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 1
mix.webpackConfig({
        output: {
            chunkFilename: 'build/[id].js'
        }
    });

你把此处的build/删除就可以了

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!