bugfix> webpack > 投稿

Webpack 4にCSS自動プレフィックスseaneking/poststylusを使用します。 手動で設定にプラグインを追加するように:

plugins: [
  new webpack.LoaderOptionsPlugin({
    options: {
      stylus: {
        use: [poststylus([ 'autoprefixer', 'rucksack-css' ])]
      }
    }
  })
]

js-fileからスタイラスファイルをインポートするため、スタイルをjs-fileに含める必要があります

import css from './app.styl';

パッケージはエラーなしで動作しますが、結果ファイルに自動プレフィックスはありません。 私は何を間違えていますか?

回答 1 件
  • 代わりにこのパッケージを使用してください:https://github.com/jescalan/autoprefixer-stylus

    const autoprefixer = require('autoprefixer-stylus');
    {
      test: /\.styl$/,
      use: [
        {
          loader: 'style-loader', // creates style nodes from JS strings
        },
        {
          loader: 'css-loader', // translates CSS into CommonJS
        },
        {
          loader: 'stylus-loader', // compiles Stylus to CSS
          options: {
            use: [
              autoprefixer(),
            ],
          },
        },
      ],
    },
    
    

あなたの答え