2017-01-08 10 views
0

, когда я пытаюсь использовать последние пакеты сайтов фундаментов, Я получаю кучу новых ошибок компиляции scss. Если у кого-то есть некоторые подсказки, его высоко оценили.Почему фундаментальные сайты больше не компилируются на 6.3.x с бранч?

шагов для воспроизведения:

версии

elixir 1.4.0 
phoenix 1.2.1 
node 6.4.2 

НПХ пакетов

"brunch": "~2.9.1", 
"css-brunch": "~2.6.1", 
"foundation-sites": "^6.3.0", 

ошибки компиляции

08 Jan 23:48:36 - info: compiling 
08 Jan 23:48:37 - error: Compiling of web/static/scss/application.scss failed. Error: It's not clear which file to import for '@import "../_vendor/normalize-scss/sass/normalize"'. 
     Candidates: 
     ../_vendor/normalize-scss/sass/normalize 
     ../_vendor/normalize-scss/sass/_normalize.scss 
     Please delete or rename all but one of these files. 
     on line 9 of node_modules/foundation-sites/scss/foundation.scss 
>> @import "../_vendor/normalize-scss/sass/normalize"; 
^

ответ

0

с этой установкой, я мог бы решить эту проблему :) надеюсь, что это будет безопасно некоторые другие часы поиска. kudos этому парню: https://elixirforum.com/t/how-to-setup-foundation-sites-6-brunch-phoenix-app/2704/3

brunch-config нуждается в некоторой настройке, потому что основание приводит к некоторому странному поведению с родным lib-sass. Я понял, что с компилятором ruby ​​проблемы с путём не было.

Итак, когда вы включаете его явно из package.json и в brunch-config, normaliz-scss можно найти и импортировать, даже если он не работает из-за фундамента.

plugins: { 
    babel: { 
     presets: ['es2015', 'es2016', 'react'], 
     // Do not use ES6 compiler in vendor code 
     ignore: [/web\/static\/vendor/], 
    }, 
    sass: { 
     mode: 'native', 
     precision: 8, 
     options: { 
     includePaths: [ 
      'node_modules/normalize-scss/sass', 
      'node_modules/foundation-sites/scss', 
      'node_modules/motion-ui/src', 
     ], 
     }, 
    }, 
    postcss: { 
     processors: [ 
     require('autoprefixer')(['last 8 versions']), 
     require('csswring')() 
     ] 
    }, 
    },