Question

我正在研究一个项目，并且是第一次使用webpack。我遇到了运行yarn watch的问题。这是我在webpage.config.js中的代码：

const path = require('path');

// include the js minification plugin
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

// include the css extraction and minification plugins
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");

module.exports = {
  entry: ['./src/js/site.js', './src/scss/style.scss'],
  output: {
    filename: './dist/js/site.min.js',
    path: path.resolve(__dirname)
  },
  module: {
    rules: [
      // perform js babelization on all .js files
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
          presets: ['babel-preset-env']
          }
        }
      },
      // compile all .scss files to plain old css
      {
        test: /\.(sass|scss)$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
      }
    ]
  },
  plugins: [
    // extract css into dedicated file
    new MiniCssExtractPlugin({
      filename: './dist/css/style.min.css',
      path: path.resolve(__dirname)
    })
  ],
  optimization: {
    minimizer: [
      // enable the js minification plugin
      new UglifyJSPlugin({
        cache: true,
        parallel: true
      }),
      // enable the css minification plugin
      new OptimizeCSSAssetsPlugin({})
    ]
  }
};

在运行此命令时，我会遇到一些错误。第一个说：

参数数量不足或找不到条目

然后出现另一个提示：

在入口模块中找不到错误：错误：无法解析'FOLDER_NAME_HERE'中的'./src'错误命令失败，退出代码为2。

这也是我的package.json文件：

{
  "name": "project name",
  "version": "1.0.0",
  "description": "project description",
  "scripts": {
    "build": "webpack --mode development",
    "dist": "webpack --mode production",
    "watch": "webpack --watch --mode development"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.4",
    "babel-preset-env": "^1.7.0",
    "css-loader": "^1.0.0",
    "imagemin-cli": "^3.0.0",
    "mini-css-extract-plugin": "^0.4.4",
    "node-sass": "^4.9.3",
    "npm-run-all": "^4.1.3",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "sass-loader": "^7.1.0",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.2"
  },
  "author": "Me",
  "license": "MIT"
}

我做了一些搜索，并在Github上找到了一些与此有关的东西，但没有真正的解决方案。我有一个'/ src'文件夹，因此除非该文件路径不正确，否则无法将其解析为'./src'毫无意义（我已经尝试了各种其他方法来对其进行测试，我现在是原来的样子。任何帮助将不胜感激。

Answer 1

"watch": "webpack --watch --mode development --config ./path/to/my/webpack/config"

您没有说要查找哪个配置...您必须说

发行带有webpack的手表运行

1 个答案: