小编Sam*_*mir的帖子

我是第一次使用 webpack，我对 webpack 不是很彻底。我正在使用 angular - ES6 - bable 并且我正在尝试使用 webpack-angular-translate。

我收到以下错误：

./~/html-webpack-plugin/lib/loader.js! 中的错误！./src/index.html 模块解析失败：/Users/samirshah/Desktop/nuskin_translate/node_modules/html-webpack-plugin/lib/loader。 js!/Users/samirshah/Desktop/nuskin_translate/node_modules/webpack-angular-translate/dist/html/html-loader.js!/Users/samirshah/Desktop/nuskin_translate/src/index.html 意外令牌 (1:0)

您可能需要一个合适的加载器来处理这种文件类型。

我正在尝试在模块中设置预加载器。当我尝试设置 html 的预加载器时，出现上述错误。

preLoaders: [
    {
        test: /\.html$/,
        loader: WebPackAngularTranslate.htmlLoader()
    }
],

WebPackAngularTranslate.jsLoader() 工作正常。我不确定为什么 WebPackAngularTranslate.htmlLoader() 会抛出错误。

任何人都遇到过类似的问题。请在这里帮助我。

提前致谢。

这是我的配置文件：

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var CopyWebpackPlugin = require('copy-webpack-plugin');
var CleanWebpackPlugin = require('clean-webpack-plugin');
var WebPackAngularTranslate = require("webpack-angular-translate");

module.exports = {
  debug: true,
  entry: {
  vendor: ["jquery", "angular"],
  bundle: ['babel-polyfill', './src/app.js'],
}, …