节点中的 Webpack 命令带来 /config/webpack/development.js 未找到

Question

我已经编写了我的 webpack.config 文件，但是当我从终端运行 webpack 时，我得到一个错误提示：

错误： Webpack 配置 /home/likono/learn/yak-yik/config/webpack/development.js 未找到， 请运行 'bundle exec rails webpacker:install' 来安装 webpacker 使用默认配置或为您的自定义添加缺少的配置文件 环境。

我还全局安装了 webpack。 这是我的 webpack.config.js

var webpack = require("webpack");
var path = require("path");

module.exports = {
    entry: {
        app: './src/app.js'
    },
    output: {
        filename: 'public/build/bundle.js',
        sourceMapFilename: 'public/build/bundle.map'
    },
    devtool: '#source-map',
    module: {
        loaders: [
            {   test: /\.jsx?$/,
                exclude: /(node_modules)/,
                loader: 'babel',
                query: {
                    presets: ['react', 'es2015']
                }
            }
        ]
    }
};

package.json

{
  "name": "yak-yik",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.18.2",
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "express": "~4.15.5",
    "hjs": "~0.0.6",
    "mongoose": "^4.13.4",
    "morgan": "~1.9.0",
    "nodemon": "^1.12.1",
    "react": "^16.1.1",
    "react-dom": "^16.1.1",
    "serve-favicon": "~2.4.5"
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "webpack": "^3.8.1"
  }
}

Answer 1

我发现上面的配置存在一些问题。根据Babel，使用loaders时不再允许省略-loader后缀。您需要指定babel-loader 而不是babel。同样不推荐使用babel-preset-es2015，建议使用babel-preset-env。虽然我无法重现您的错误（我的错误略有不同），但是通过将loader 从babel 更改为babel-loader 和presets 和presets，我的webpack 将文件捆绑在我身边es2015 到 env 在 webpack.config.js 中就像这样：

webpack.config.js

{
  test: /\.jsx?$/,
  exclude: /(node_modules)/,
  loader: 'babel-loader',
  query: {
    presets: ['react', 'env']
  }
}

我还将package.json 文件更改为使用babel-preset-env 而不是"babel-preset-es2015": "^6.24.1"。

package.js

    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "webpack": "^3.8.1"

请试一试，如果它解决了您的问题，请告诉我。