less
parcel

Parcelでlessのsourcemapを有効にしたい

現時点でParcelのサイト上でちゃんとしたドキュメントが無いので調べるのにかなり時間がかかった。。


見つけた Github Issue

https://github.com/parcel-bundler/parcel/issues/1879

やり方は2つ



  1. package.jsonlessオブジェクトを定義してそこにコンフィグを記述


  2. .lessrc.jsファイルを用意し、そこにコンフィグを記述


package.jsonlessオブジェクトを定義してそこにコンフィグを記述


package.json

  "less": {

"sourceMap": { "sourceMapFileInline": true }
},


.lessrc.jsファイルを用意し、そこにコンフィグを記述


.lessrc.js

module.exports = {

sourceMap: { sourceMapFileInline: true }
};

多分他のオプションも指定できるし、プラグインの読み込みもここでできるっぽい。

ただ、上のissueを見る限りではうまく実行できないプラグインもある模様。

ところでLessってrcファイルを使ったコンフィグの読み込みが無いので余計に時間がかかってしまった。

package.jsonでのコンフィグの読み込みって通常lessのみを使う場合でも有効なのだろうか。

まだまだ勉強が足りませんな。。