Выпуск бегущей пряжи с веб-пакетом - PullRequest
Новая
       8

Выпуск бегущей пряжи с веб-пакетом

0 голосов
/ 11 октября 2018

Я работаю над проектом и впервые использую веб-пакет.Я столкнулся с проблемой под управлением 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({})
    ]
  }
};

При выполнении этого я получаю пару ошибок.Первый говорит:

Недостаточное количество аргументов или запись не найдена

, а затем появляется другой, который говорит:

ОШИБКА вМодуль ввода не найден: Ошибка: не удается разрешить «./src» в ошибке «FOLDER_NAME_HERE». Команда завершилась неудачно с кодом выхода 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', если этот путь к файлу неверен (я испробовал все другие возможности, просто чтобы проверить это, чтоУ меня сейчас есть то что было изначально).Любая помощь с благодарностью.

1 Ответ

0 голосов
/ 11 октября 2018

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

Вы не сказали, какую конфигурацию искать ... Вы должны сказать это

...