node-sass - Metalsmith および Metalsmith-sass 構成

Question

Foundation をサイトに使用できるように、金属細工師のサイトで Sass を使用しようとしています。サイトをビルドしてブラウザー同期を使用することに成功しましたが、残念ながら、.scss ファイルが css に変換されません。

以下は私のbuild.jsファイルで、現在の「src」ファイル構造はこれです。私が間違ったことを誰でも見ることができますか？少なくとも 20 個のファイルと tuts を調べましたが、どこにも行きませんでした、ありがとう。

• ソース
• 資産
  • CSS
  • 画像
  • スクリプト
• html
• パーシャル
• scss
  • _settings.scss
  • _custom.scss
  • app.scss

• テンプレート

  var consoleLog = false, // set true for metalsmith file and meta content logging
      devBuild = ((process.env.NODE_ENV || '').trim().toLowerCase() !== 'production'),
      pkg = require('./package.json'),
      sass = require('metalsmith-sass'),
      metalsmith = require('metalsmith'),
      markdown   = require('metalsmith-markdown'),
      watch = require('metalsmith-watch'),
      layouts = require('metalsmith-layouts'),
      assets = require('metalsmith-assets'),
      // Use Browser Sync
      browsersync = devBuild ? require('metalsmith-browser-sync') : null,
      // Set up Directories
      dir = {
          base: __dirname + '/',
          lib: __dirname + '/lib/',
          source: './src/',
          dest: './build/'
      },
      //Template Config
      templateConfig = {
          engine: 'handlebars',
          directory: dir.source + 'template/',
          partials: dir.source + 'partials/',
          default: 'page.html'
      };
  
  
  console.log((devBuild ? 'Development' : 'Production'), 'build, version', pkg.version);   
  
  var ms = metalsmith(dir.base)          // instantiate Metalsmith in the cwd
    .source(dir.source + 'html/')        // specify source directory
    .destination(dir.dest)     // specify destination directory
    .use(markdown())             // transpile markdown into html
    .use(layouts(templateConfig)) // layout templating
    .clean(true)
    .use(watch({
         paths: {
         './src/**/*.md': '**/*',
         './src/template/**/*': '**/*',
         './src/scss/*.scss': '**/*' 
         }
       }))
    .use(sass({
        file: './src/scss/*.scss',
        includePaths : ['./node_modules/foundation-sites/scss'],
        outputDir: './src/assets/css/',
        outputStyle: "expanded"
      }))
    .use(assets({ // copy assets: CSS, images etc.
      source: dir.source + 'assets/',
      destination: './'
    }));
  
  if (browsersync) ms.use(browsersync({     // start test server
    server: dir.dest,
    files:  [dir.source + '**/*']
  }));
  
  ms.build(function(err) {       // this is the actual build process
      if (err) throw err;    // throwing errors is required
    });