webpackのローダーが少なくて済む

Question

webpackを使用しようとしています。私はwebpackのローダーを少なく設定することはできません。 webpackを起動すると、jsファイルがコンパイルされますが、コンパイルは少なくなります。私はコンパイル後distフォルダ内の "index.html"と "app.js"しか見ることができません。

マイwebpack.config.js：

var webpack = require('webpack'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = { 
    entry: { 
     'app': './src/scripts/app' 
    }, 
    output: { 
     path: './dist', 
     filename: `/app.js`, 
     chunkFilename: "[id].js" 
    }, 
    resolve: { 
     modulesDirectories: ['bower_components', 'node_modules', './src'], 
     fallback: ['./public'] 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.less$/, 
       loader: ExtractTextPlugin.extract(
        'css?sourceMap!' + 
        'less?sourceMap' 
       ) 
      } 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin(`[name].css`, { 
      allChunks: true 
     }), 
     new HtmlWebpackPlugin({ 
      template: './src/index.html' 
     }) 
    ] 
}; 

マイプロジェクト構造：

src 
|-index.html 
|--scripts 
| |-app.js 
|--styles 
| |-app.less 

Answer 1

WebPACKのあなたのファイルを見つけるためrequireステートメントを探して、あなたのソースコードをスキャンします。コードにrequire('my.less')などが含まれていることを確認してください。