scssのbuild ホスト側のディレクトリをマウントして監視
/opt/assets/scss/ ホスト側のscss入力用
/opt/assets/css/ ホスト側のcss出力用
npx gulp scss
ホストで以下を実行nodeがインストール済みであること
cd gulp
npm install -g npm-check-updates
ncu -u
ホストにgulpfile.jsを作成し下記のパスにマウント
/opt/gulp/gulpfile.js
ホストにgulpconfig.jsonを作成し下記のパスにマウント
/opt/gulp/config.json
内容
{
"sassOptions": {
"outputStyle": "compressed"
},
"autoprefixerOptions": {
"overrideBrowserslist": ["last 2 versions", "ie >= 11"],
"grid": true
},
"sortOptions": {
"order": [
"custom-properties",
"dollar-variables",
"declarations",
"at-rules",
"rules"
],
"unspecified-properties-position": "bottom"
}
}
outputStyleには以下が指定できる
sassOptions [https://github.com/sass/node-sass]
autoprefixerOptions [https://www.npmjs.com/package/autoprefixer]
sortOptions [https://www.npmjs.com/package/postcss-sorting]
Content type
Image
Digest
Size
60.1 MB
Last updated
almost 5 years ago
docker pull diamonddai/gulp-scss