为什么在 6.3.x 上不再使用 brunch 编译基础站点？答案

【问题标题】：why is foundation-sites not compiling anymore on 6.3.x with brunch?为什么在 6.3.x 上不再使用 brunch 编译基础站点？
【发布时间】：2017-05-23 04:04:17
【问题描述】：

当我尝试使用最新的基础站点包时，我得到了一堆新的 scss 编译错误。如果有人有一些线索，非常感谢。

重现步骤：

版本

elixir 1.4.0
phoenix 1.2.1
node 6.4.2

npm 包

"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";
   ^

【问题讨论】：

标签： sass zurb-foundation elixir phoenix-framework brunch

【解决方案1】：

使用此设置，我可以解决问题 :) 希望它会保护其他一些小时的搜索。向这家伙致敬：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')()
      ]
    },
  },

【讨论】：