Как извлечь файл фрагментов CSS в Laravel с помощью Vue? - PullRequest
Новая
       14

Как извлечь файл фрагментов CSS в Laravel с помощью Vue?

0 голосов
/ 17 января 2019

Я работаю в Laravel с Vue.js, и в моем файле webpack.config.js я извлекаю файл js chunks следующим образом: 

mix.webpackConfig({
    resolve: {
        alias: {...
            'Helpers': path.resolve(__dirname, 'resources/js/helpers/'),
            'Themes': path.resolve(__dirname, 'resources/js/themes/')
        ...}
    },
    output: {
        chunkFilename: 'js/chunks/[name].js',
    },
});

Это извлекает файл фрагментов js, например 0.js, 1.js, 2.js и т. Д. Я хочу извлечь фрагменты CSS таким же образом.

1 Ответ

0 голосов
/ 18 января 2019

У меня была такая же проблема с Vuely XD. На данный момент, что я сделал это: 

mix.autoload({
    'jquery': ['$', 'window.jQuery', 'jQuery'],
})

mix.webpackConfig({
    resolve: {
        alias: {
            'Api': path.resolve(__dirname, 'resources/js/api/'),
            'Components': path.resolve(__dirname, 'resources/js/components/'),
            'Constants': path.resolve(__dirname, 'resources/js/constants/'),
            'Container': path.resolve(__dirname, 'resources/js/container/'),
            'Views': path.resolve(__dirname, 'resources/js/views/'),
            'Helpers': path.resolve(__dirname, 'resources/js/helpers/'),
            'Themes': path.resolve(__dirname, 'resources/js/themes/')
        }
    },
    output: {
        chunkFilename: mix.inProduction() ? "js/chunks/[name].[chunkhash].js" : "js/chunks/[name].js",
    }
});


mix.options({
    extractVueStyles: true
});

mix.js('resources/js/main.js', 'public/js');
mix.sass('resources/js/assets/scss/_style.scss', 'public/css/style.css');
...