webpack 2 loader throwing errorが小さい

Question

私は次のwebpack.conf.jsを持っています：
const webpack = require（ 'webpack'）;

module.exports = { 
    entry: { 
    app: './src/app/index.module.ts', 
    }, 
    output: { 
    path: './dist', 
    filename: "[name].bundle.js" 
    }, 
    devtool: 'source-map', 
    module: { 
    rules: [ 
     { 
     test: /\.ts$/, 
     use: [ 
      'ts-loader' 
     ] 
     }, 
     { 
     test: /\.css$/, 
     use: [ 
      'css-loader' 
     ] 
     }, 
     { 
     test: /\.less$/, 
     use: [ 
      'style!css!less' 
     ] 
     } 
    ] 
    }, 
    resolve: { 
    extensions: ['.ts', '.js', '.less', '.css', '.html'] 
    }, 
    plugins: [ 
    new webpack.optimize.UglifyJsPlugin({ 
     compress: {warnings: false} 
    }) 
    ] 
}; 

少ないファイル（my-cmp.ts）のために、この私のTSファイルのインポート：ここ
import './my-cmp.less'

が少ないファイルされる：

& { 
    .bla { 
    background: #0074D9; 
    } 
} 

ここでは、私が取得していますエラーです。

ERROR in ./src/app/common/components/bet-form/bet-view/bet-view.cmp.ts 
Module not found: Error: Can't resolve 'style!css!less' in '...' 
@ ./src/app/common/components/my-cmp.ts 3:0-26 
@ ./src/app/index.module.ts 

H EREは、package.jsonの私の関連する部分である：

この問題を解決するような議論からコピー

"css-loader": "^0.26.1", 
"less": "^2.7.1", 
"less-loader": "^2.2.3", 
"style-loader": "^0.13.1", 

Answer 1

：

代わりuse: [ 'style-loader', 'css-loader', 'less-loader' ]を試してみてください。それはローダーのリストでなければなりません。docsを参照してください。構文がバージョン1から2に少し変更されました。