Laravel 5.4 добавляет zurb Foundation 6.3.0 с использованием композитора

После того, как я запускаю композитор, требуется zurb/foundation, как мне сослаться на файл фонда в каталоге моего поставщика, @import Foundation всегда говорит, что файл не найден, и это не похоже на то, что в laravel mix есть возможность включать пути, как это делал эликсир в предыдущих версиях. .

Почти все, что я вижу в Интернете, устанавливает основу с помощью npm, это предпочтительный способ? Я ничего не имею против использования npm, но когда я запускаю «npm run production», он терпит неудачу из-за строковых литералов «`», потому что uglifyJs не поддерживает ES6. Я пробую версию для композитора, потому что я считаю, что в ней уже скомпилирован js, поэтому мне не нужно делать ничего хакерского, чтобы запустить его в производстве.


webpack node.js css composer-php laravel-5.4
person dsudenfield    schedule 13.02.2017    source источник
comment
Мне удалось заставить его работать. stackoverflow.com/a/42962398/6024698 Надеюсь, это поможет!   -  person fj.agmedia    schedule 22.03.2017

Ответы (2)


arrow_upward
1
arrow_downward

Я сам смог найти ответ на эту проблему. Вы должны скопировать файлы основы в соответствующую папку ресурсов/активов, а затем ссылаться на них оттуда. Я установил для третьего параметра значение false, потому что по умолчанию он сворачивает файлы.

.copy('vendor/zurb/foundation/js', 'resources/assets/js/foundation', false) .copy('vendor/zurb/foundation', 'resources/assets/sass/foundation', false)

Затем сошлитесь на основные файлы, например, для scss: @import ./foundation/scss/foundation;

person dsudenfield    schedule 14.02.2017

arrow_upward
0
arrow_downward

На самом деле мне удалось заставить фундамент работать с пакетом npm. Добавляя webpackConfig, он исключает удаление базовой папки в процессе производства.

if (mix.inProduction()) {
mix.webpackConfig({
    output: {
        chunkFilename: 'js/chunk-[id]-[chunkhash].js'
    },
    module: {
        rules: [{
            test: /\.jsx?$/,
            exclude: /node_modules(?!\/foundation-sites)|bower_components/,
            use: [{
                loader: 'babel-loader',
                options: Config.babel()
            }]
        }]
    }
});
}
person dsudenfield    schedule 22.01.2018