Pakiet Webpack nie może rozwiązać html-loader

Question

Konwertuję projekt przy użyciu requirejs na pakiet sieci Web i mam problemy z programem ładującym html-loader.

package.json:

"html-loader": "^0.3.0", 
"webpack": "^1.11.0", 
"webpack-dev-server": "^1.10.1" 

app/js/webpack.config.js:

// folder structure: 
    // root 
    // app/js 
    // bower_components/ 
    // dist/ 
    // node_modules/ 

    entry: './app/js/main.js', 
    output: { 
    path: 'dist/js/', 
    filename: 'bundle.js', 
    }, 
    module: { 
    loaders: [ 
     // Note, via requirejs's "text" plugin, I included templates 
     // like this: var tpl = require('text!sample.html'); 
     // For webpack, I went through the codebase and cleaned up 
     // every instance of "text!". 
     {test: /\.html$/, loader: 'html'} 
    ] 
    }, 
    resolve: { 
    root: ['app/js', 'bower_components'], 
    alias: { 
     ... 
    } 
    }, 
    plugins: [ 
    new webpack.ResolverPlugin(
     new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin(
     'bower.json', ['main'] 
    ) 
    ) 
    ] 

Kiedy biegnę WebPack - webpack --config app/js/webpack.config.js - pojawia się następujący komunikat o błędzie:

ERROR in app/js/some/file.js
Module not found: Error: Cannot resolve module 'html' in app/js/some/file.js

Próbowałem następujące, które nie działało:

resolveLoader: { 
    root: [path.join(__dirname, 'node_modules')], 
    }, 

Próbowano również przenieść "webpack.config.js" do katalogu głównego projektu. To też nie pomogło.

I nawet wypróbowany przy użyciu programu ładującego "raw-loader", który również spowodował ten sam błąd "Nie można rozwiązać modułu" nieprzetworzonego ".

Każda pomoc zostanie doceniona. Dzięki.

Answer 1

Całkowicie upuścił piłkę po aktualizacji.

1) Powinienem był używać text-loader, co pozwala mi pozostawić w miejscu każdy require('text!some/template.html');.

2) Ścieżka do katalogu głównego to not absolute. Zgodnie z instrukcją "To musi być absolutna ścieżka! Nie przekazuj czegoś takiego jak ./app/modules".

3) Jeśli twoje require wyglądają jak require('text!some/file.html'), to jesteś gotowy. Definiowanie modułu ładującego w webpack.config.js jest zbędne. Jeśli to zrobisz, Twoje szablony będą wyglądać jak module.exports="module.exports=\"...\"".

Updated config:

entry: './app/js/main.js', 
output: { 
    path: 'dist/js/', 
    filename: 'bundle.js', 
}, 
module: { 
    loaders: [/*nothing*/] 
}, 
resolve: { 
    root: [ 
     path.resolve('app/js'), 
     path.resolve('bower_components') 
    ], 
    alias: { 
     ... 
    } 
}, 
plugins: [ 
    new webpack.ResolverPlugin(
     new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin(
      'bower.json', ['main'] 
     ) 
    ) 
]