Webpack 发行带有网页的流动纱线手表

Webpack 发行带有网页的流动纱线手表,webpack,yarnpkg,Webpack,Yarnpkg,我正在做一个项目,第一次使用网页包。我在运行《纱线观察》时遇到了一个问题。以下是我在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 c

我正在做一个项目,第一次使用网页包。我在运行《纱线观察》时遇到了一个问题。以下是我在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\u NAME\u 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”是没有意义的,除非该文件路径不正确(我尝试了所有其他方法只是为了测试它,我现在得到的是它原来的样子)。非常感谢您的帮助。

“watch”:“webpack--watch--modedevelopment--config./path/to/my/webpack/config”

您没有说要查找哪个配置。。。你必须说出来