webpackを使用して特定の.cssファイルに.lessファイルをコンパイルする

Question

style.lessファイルをmodule.cssファイルにコンパイルするにはwebpackを使用します。

私はファイルを実際に作成する必要があるため、私にとってはうまくいきませんでしたが、https://github.com/webpack-contrib/less-loaderは非常に人気のあるパッケージです。

ウェブパックでどうすればいいですか？

Answer 1

自分で解決策を見つけました。次webpack.config.jsスニペットは、私の作品：

...はここでは関係ありません設定の他の部分、のプレースホルダです

const ExtractTextPlugin = require("extract-text-webpack-plugin"); 
module.exports = function(env) { 
    return { 
     ... 
     module: { 
      loaders: [ 
       { 
        test: /.*\.less$/, 
        loader: ExtractTextPlugin.extract({ 
         loader:[ 'css-loader', 'less-loader' ], 
         fallbackLoader: 'style-loader' 
        }) 
       } 
      ] 
     }, 
     plugins: [ 
      new ExtractTextPlugin({ filename: 'module.css', disable: false, allChunks: true }) 
     ] 
    }; 
}; 

。