前提・実現したいこと
npm postcss-cliでstyle.cssのみをimportしてminify後、style.min.cssというファイルをoutputしたいです。
しかしimportするときに余分なファイルもimportされてしまいます。
発生している問題
style.cssのほかに、
意図せずstyle.css.mapもimportされ、style.min.css.mapがoutputされます。
該当のソースコード
package.jsonは下記です。
json
1scripts: { 2 "css/sass": "node-sass src/sass/style.scss -o dist/css --output-style expanded --source-map dist/css", 3 "css/postcss": "postcss dist/css/style.css -o dist/css/style.min.css" 4} 5
またpostcssの設定はpostcss.config.jsでしています。
javascript
1module.exports = { 2 plugins: [ 3 require('autoprefixer')({ 4 cascade: false 5 }), 6 require('cssnano')({ 7 preset: 'default', 8 }) 9 ] 10}
"css/sass"を実行して以下が出力されます。
- style.css
- style.css.map
このあとに"css/postcss"を実行すると以下が出力されます。意図せずstyle.min.css.mapが出力されます。
- style.min.css
- style.min.css.map
importするファイルからstyle.css.mapを除外したいです。
試したこと
除外するglobパターンなども試した見たのですが、ダメでした。
javascript
1"css/postcss": "postcss dist/css/style.css!(*.map) -o dist/css/style.min.css"
javascript
1"css/postcss": "postcss dist/css/*[^.map] -d dist/css/"
インポートするファイルの一部を除外する書き方や、style.min.css.mapを出力しない方法をご存知の方がいらっしゃいましたら、ご教授いただけると幸いです。
何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー