Webpack mix,Vue - 在cdn子域上输出文件

时间:2017-08-29 11:31:07

标签: laravel webpack vue.js

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

路径:

主文件夹:www /项目
laravel public: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似乎根本不起作用。

1 个答案:

答案 0 :(得分:0)

经过一些实验,我想我找到了一个解决方案。这个问题可能是由laravel mix引起的,这种混合将公众"公众"文件夹中。

我补充说:

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

现在似乎运作良好。