[请教] 使 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 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 1
mix.webpackConfig({
        output: {
            chunkFilename: 'build/[id].js'
        }
    });

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

4年前 评论

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