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')或類似內容。