質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

Q&A

解決済

1回答

2515閲覧

scssの未使用クラス、IDを削除したい

ruuusaamarki

総合スコア468

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

0グッド

0クリップ

投稿2017/03/21 06:08

###前提・実現したいこと
複数のファイルで管理しているscssファイルの未使用クラスとIDを削除したく調査しておりました。

そこでそれらしきnpmパッケージがあったので実行してみたところ下記エラーが出てしまいました。
https://www.npmjs.com/package/sass-unused

###発生している問題・エラーメッセージ

/usr/lib/node_modules/sass-unused/cli.js:7 let srcFiles = []; SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Function.Module.runMain (module.js:441:10) at startup (node.js:139:18) at node.js:974:3

###試したこと
・グローバルインストールのほかにプロジェクトのカレントディレクトリに
インストールして実行してみましたがコマンドが見つかりませんとなります。

・gulpfile.jsに以下のタスクを追加して実行してみました。

gulp.task('unscss', function() { sassUnused.findUnused('sass/style.scss') .forEach(function(ident){console.log(ident);}); });

以下エラーです。

/node_modules/sass-unused/lib/find-unused.js:7 const { isInDeclaration, traverse } = require('./util'); ^ SyntaxError: Unexpected token { at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> (/node_modules/sass-unused/index.js:4:15) at Module._compile (module.js:409:26) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> (/gulpfile.js:19:18) at Module._compile (module.js:409:26)

###質問させていただきたいこと
・いいgulpプラグインやnpmパッケージなど教えていただけましたらうれしいです。
・上記npmパッケージの使い方を教えていただきたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

Node.jsのバージョンはいくつでしょうか。

古いバージョンだと(4系列でもバージョンによっては無理だったという情報がある)、letや分割代入と言った新しいJavaScriptの文法に対応していなくてエラーとなってしまいます。

投稿2017/03/21 07:04

maisumakun

総合スコア145183

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ruuusaamarki

2017/03/21 12:27

コメントありがとうございます。 バージョンを確認したところv4.5.0でした。 githubを改めて確認してみました。 おっしゃる通りアロー関数などECMAScript 2015の 書き方がありました。 ご指摘いただいてようやくエラーの意味が少しわかりました(汗 現状ほかのプラグインなどもなさそうですね。 あとは改造するか、nodeのバージョンを上げるかですが バージョンを上げて他に影響が出ても大変なので 時間ができたら少しソースをいじってみたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問