Metalsmith - генератор статического участка - конфигурация

Я новичок в Metalsmith. Я хочу настроить его в Windows8. Раньше я использовал Grunt js, который можно легко и быстро настроить (даются чистые и простые шаги). Я использовал Jade и Sass с Grunt js, это был очень полезный инструмент, который я использовал для своих веб-страниц. Теперь я хочу попробовать Джейд и Сасс в Metalsmith. Я попробовал a tutorial и несколько видео с youtube. Все равно никакого выигрыша. Любая помощь с легкими шагами была бы высоко оценена. Заранее спасибо.Metalsmith - генератор статического участка - конфигурация

Примечания: Я попытался установить и мои по металлу структура каталогов была

Directory structure

Я не уверен, как сохранить нефрит & Sass файлов и создавать или компилировать.

источник

2015-05-27 Som

Да, конфигурация очень проста. Но нам нужно понять структуру папок. Ниже представлена моя структура каталогов.

 

    newproject 

    + build 
    + node_modules 
    + src 
     index.js

Если разложить каталоги, он будет выглядеть

 

    newproject 

    - build 
     + css 
     + images 
     + scripts 
     home.html 
    - node_modules 
     + .bin 
     + metalsmith 
     + metalsmith-jade 
     + metalsmith-sass 
    - src 
     + css 
     + images 
     + scripts 
     home.jade 
     index.js

шагов конфигурации:

Вы должны иметь узел/НМП, установленной на компьютере. Если вы хотите установить их сейчас, click here to view website

Шаг 1: Создайте папку с именем новыйПроект в окне проводника

Шаг 2: Откройте командную строку и перейдите в указанный путь к папке

Шаг 3: Введите NPM установить в по металлу командной строки для установки

по металлу

Eg:

C: \newproject>npm install metalsmith

Шаг 4: Введите НПМ установить-дерзость по металлу в командной строке, чтобы установить Met alsmith Сасс плагин

Например:

C: \newproject>npm install metalsmith-sass

Шаг 5: Введите НПМ установки по металлу-нефритом в командной строке для установки по металлу Jade Plugin

Например:

C: \newproject>npm install metalsmith-jade

Все установки будет сделано в автоматически будет создан каталог «node_modules» (папка «node_modules» будет создана во время установки).

Шаг 5: Создайте файл с именем index.js

Нам нужно создавать переменные и вызывать плагин в index.js.

 

    var Metalsmith = require('metalsmith'), 
     jade  = require('metalsmith-jade'), 
     sass  = require('metalsmith-sass'); 

    Metalsmith(__dirname) 
     .destination('./build')  
     .use(jade()) 
     .use(sass({ 
      outputStyle: "expanded" 
     }))  
     .build(function(err, files) { 
      if (err) { throw err; } 
     });

Как только эти шаги настройки сделаны, создать нефрит и Sass файлы в каталоге «Src», и как только вы запустите файл, введя «узел index.js» вы получите вывод, как HTML и CSS файлы в каталоге 'build'.

Дайте мне знать, если у кого есть вопросы! :)

источник

2015-06-03 07:55:37 Som

Metalsmith - генератор статического участка - конфигурация

ответ

Смежные вопросы