0

モジュールから flat-ui.less をロードする際に問題があります。助けが必要。

このようなflat-uiが必要ですrequire('flat-ui/less/flat-ui.less');また、関連する各ローダーのバージョンは"less-loader": "^0.7.7", "css-loader": "^0.9.0", "style-loader": "^0.8.1",

私webpack.config.jsはこのようなものです：

    var path = require("path");
    var webpack = require("webpack");
    module.exports = {
      // This is the main file that should include all other JS files
      entry: "./public/scripts/main.jsx",
      target: "web",
      debug: true,
      devtool: "source-map",
      // We are watching in the gulp.watch, so tell webpack not to watch
      watch: true,
      watchDelay: 300,
      output: {
        path: path.join(__dirname, "dist", "assets"),
        publicPath: "/assets/",
        // If you want to generate a filename with a hash of the content (for cache-busting)
        // filename: "main-[hash].js",
        filename: "main.js",
        chunkFilename: "[chunkhash].js"
      },
      resolve: {
        // Tell webpack to look for required files in bower and node
        modulesDirectories: ['bower_components', 'node_modules', 'public'],
        fallback: ['./public']
      },
      module: {
        loaders: [
          { test: /\.css$/, loader: "style-loader!css-loader" },
          { test: /\.less$/, loader: "style-loader!css-loader!less-loader" },
          { test: /\.gif/, loader: "file-loader!url-loader?limit=10000&minetype=image/gif" },
          { test: /\.jpg/, loader: "file-loader!url-loader?limit=10000&minetype=image/jpg" },
          { test: /\.png/, loader: "file-loader!url-loader?limit=10000&minetype=image/png" },
          { test: /\.jsx/, loader: "jsx-loader" },

          // required for bootstrap/flat-ui
          { test: /\.woff$/,   loader: "url-loader?prefix=font/&limit=5000&mimetype=application/font-woff" },
          { test: /\.ttf$/,    loader: "file-loader" },
          { test: /\.eot$/,    loader: "file-loader" },
          { test: /\.svg$/,    loader: "file-loader" },
        ],
        noParse: /\.min\.js/
      },
      plugins: [
        // If you want to minify everything
        new webpack.optimize.UglifyJsPlugin()
      ]
    };

残念ながら、私はこれを手に入れました

ERROR in ./~/css-loader!./~/less-loader!./~/flat-ui/less/flat-ui.less
Module not found: Error: Cannot resolve 'file' or 'directory' ./fonts/lato/lato-black.eot in     /Users/Hao/Documents/project/node_modules/flat-ui/less
@ ./~/css-loader!./~/less-loader!./~/flat-ui/less/flat-ui.less 2:66-104 2:118-156

ここで何が起こっているのか分かりますか??

前もって感謝します。

4

1 に答える 1

0

ここでの問題は、アプリケーションが /Users/Hao/Documents/project/node_modules/flat-ui/less で lato-black.eot を探しているが、そこにないことです。これは、別の場所で作成されているためです。/Users/Hao/Documents/project/public と推測しています。いずれにせよ、それが作成されている場所を見つけて、これを webpack.config.js に追加します。

{ test: /\.eot$/,    loader: "file-loader&name=./path/to/file/[hash].[ext]" }

これにより、すべてのeotファイルを探す場所がアプリケーションに通知されます。他のすべてのファイル タイプでも同じことができます。webpack github のクローズ済みの問題へのリンクは次のとおりです: https://github.com/webpack/file-loader/issues/32。お役に立てれば。

于 2016-02-06T08:11:17.287 に答える