Javascript – Webpack-Fehler, bei dem die Datei weniger separat verpackt wurde

Question

{
        test: /\.less$/, 
        loader: "style-loader!css-loader!less-loader"
 }

Auf diese Weise wird es in den Kopf gepackt, aber ich möchte es in eine separate Datei packen, also habe ich es in

geändert

 {
        test: /\.less$/, 
        loader:ExtractTextPlugin.extract("style-loader","css-loader","less-loader")
 }

Der gepackte Stil entspricht dem Kopieren des Inhalts in die weniger-Datei. Der Inhalt in meiner weniger-Datei ist wie folgt:

@color:yellow;

html{
    border:10px solid @color;
}

Der verpackte Stil ist auch so

@color:yellow;

html{
    border:10px solid @color;
}

Was ist der Grund dafür?

Answer 1

看起来是 webpack1.x 的写法，可以参考一下 https://github.com/webpack-contrib/extract-text-webpack-plugin/blob/webpack-1/README.md