Webpack mix, Vue - cdn 子域上的输出文件答案

【问题标题】：Webpack mix, Vue - output files on cdn subdomainWebpack mix, Vue - cdn 子域上的输出文件
【发布时间】：2018-02-06 20:18:50
【问题描述】：

我正在努力使用 webpack。我想将编译后的文件放在 public-cdn 文件夹中。但是，以下代码在几个不同的位置创建文件。包括 E:\cdn。块、app.js、css 文件 - 位于不同位置的所有内容。

路径：

主文件夹：www/Project
laravel 公共：www/Project/public
cdn 文件夹：www/Project/public-cdn

webpack.mix.js

mix.webpackConfig({
    output : {
        path : '/public-cdn/',
        publicPath : 'http://cdn.ywg.localhost/',
        chunkFilename : 'js/[name].js'
    },
});


mix.sass('resources/assets/sass/styles.scss', '../public-cdn/css')
    .options({processCssUrls: false
    });

mix.sass('resources/assets/sass/invoice.scss', '../public-cdn/css')
    .options({processCssUrls: false
    });

mix.js('resources/assets/js/frontApps.js', '../public-cdn/js')
    .extract(['vue']);

我尝试使用 Path 和 PublicPath 参数进行试验。 PublicPath 似乎根本不起作用。

【问题讨论】：

标签： laravel webpack vue.js

【解决方案1】：

经过更多的实验，我想我找到了解决方案。该问题可能是由 laravel mix 设置的“公共”文件夹引起的。

我补充说：

mix.setPublicPath('public-cdn/');

而且它现在似乎运行良好。

【讨论】：