В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Webpack — русскоговорящее сообщество

2023 membersпожаловаться на группу
2021 May 07

#

#62715 in Webpack — русскоговорящее сообщество
Проблему решил добавлением ./ перед webpack.base.config.js
После этого вышла ошибка о том что merge не определена, оказывается я ее тоже неправильно подключил, нужно было подключать вот так const {merge} = require('webpack-merge');
источник
10:04пожаловаться#1

#

#62715 in Webpack — русскоговорящее сообщество
Может кто подсказать из-за чего может не появляться папка dist после запуска сборки webpack?
Хотя в браузере оно показывается
источник
10:46пожаловаться#2

О

Орынбай in Webpack — русскоговорящее сообщество
В конфигах оно вроде по дефолту скрыта
источник
10:57пожаловаться#3

A

Alex CherryTea in Webpack — русскоговорящее сообщество
в development режиме она создается в виртуальной файловой системе ради экономии ресурсов и скорости сборки
источник
11:10пожаловаться#4

A

Alex CherryTea in Webpack — русскоговорящее сообщество
в прод сборке сохранится на диск
источник
11:11пожаловаться#5

#

#62715 in Webpack — русскоговорящее сообщество
Ааа даа, все понял.
Включил writeToDisk заработало вроде.
источник
11:15пожаловаться#6

A

Alex CherryTea in Webpack — русскоговорящее сообщество
поздравляю, теперь ваша сборка стала медленее
источник
11:16пожаловаться#7

#

#62715 in Webpack — русскоговорящее сообщество
Ну а как иначе🤷🏻‍♂️
источник
11:16пожаловаться#8

A

Alex CherryTea in Webpack — русскоговорящее сообщество
всмысле?
источник
11:16пожаловаться#9

A

Alex CherryTea in Webpack — русскоговорящее сообщество
встречный вопрос - а зачем вам вобще писать на диск
источник
11:17пожаловаться#10

#

#62715 in Webpack — русскоговорящее сообщество
Ну я просто только учусь/узнаю поэтому лучше мне видеть что происходит.
Я так думаю
источник
11:21пожаловаться#11

A

Alex CherryTea in Webpack — русскоговорящее сообщество
справедливо
источник
11:28пожаловаться#12

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
вообще тебе по большому счету должно быть пофигу, че там и как происходит. в редких случаях, если ты отлавливаешь баг или настраиваешь split chunk, то может и имеет смысл, но тогда ты все равно скорей всего дев-сервер запускать не будешь
источник
11:56пожаловаться#13

Ф

Фёдор in Webpack — русскоговорящее сообщество
Приветствую! Возник такой вопрос. Начал изучать React. Написал некоторый конфиг, установил React. Написал маленький пример, чтобы понять как всё работает. Но! После запуска команды npm run dev открывается странице на указанном мной порте 8080, смотрю в консоль, а там ошибка:

 Target container is not a DOM element.


Выполнив команду для сборки продакшена (посмотреть, происходит что-нибудь или нет) в бандле и index.html нет ни каких записей. Собственно вопрос. Я где-то напортачил с конфигом или же что-то не правильно написал для рендера?
источник
12:19пожаловаться#14

Ф

Фёдор in Webpack — русскоговорящее сообщество
 const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js',
  },
  devServer: {
      contentBase: './dist',
      hot: true,
      port: 8080,
  },
  plugins: [
    new HtmlWebpackPlugin(),
    new CleanWebpackPlugin()
],
  module: {
      rules: [
          {
              test: /\.css$/,
              use: ['style-loader', 'css-loader'],
          },
          {
              test: /\.(png|jpeg|gif)$/,
              use: [
                  {
                    loader: 'file-loader',
                  },
              ],
              test: /\.(ttf|woff|woff2|eot)$/,
              use: ['file-loader']
          },
          {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: {
              loader: 'babel-loader',
              options: {
                presets:  [
                  "@babel/preset-env",
                  "@babel/preset-react"
                ]
              },
            },
          },
      ],
  },
};
источник
12:21пожаловаться#15

kp

krn p in Webpack — русскоговорящее сообщество
@Akiyamka
источник
15:20пожаловаться#16

OW

Oliver Wall in Webpack — русскоговорящее сообщество
спасибо, мы с вебпаком это делаем  )
источник
15:21пожаловаться#17

NM

Neo Makela in Webpack — русскоговорящее сообщество
Приветствую, можете подсказать, в чем может быть проблема?

buriy@bud:/Projects/aprbot/docatest/frontend (master *+%=)$ npm run build

> webviewer-vue-sample@0.1.0 build /media/evo/Projects/aprbot/docatest/frontend
> vue-cli-service build


⠧  Building for production...

ERROR  Failed to compile with 2 errors                                                                                           7:13:05 PM

error  in ./node_modules/pdfjs-dist/build/pdf.js

Module parse failed: Unexpected token (2413:45)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|         intent: renderingIntent,
|         renderInteractiveForms: renderInteractiveForms === true,
>         annotationStorage: annotationStorage?.getAll() || null
|       });
|     }

@ ./public/js/pdf-js-controller.js 7:0-39 13:0-28 108:18-38
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Annotator/Annotator.vue?vue&type=script&lang=js&
@ ./src/components/Annotator/Annotator.vue?vue&type=script&lang=js&
@ ./src/components/Annotator/Annotator.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js&
@ ./src/views/Home.vue?vue&type=script&lang=js&
@ ./src/views/Home.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./src/main.js

error  in ./node_modules/pdfjs-dist/web/pdf_viewer.js

Module parse failed: Unexpected token (895:20)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|     this._on(eventName, listener, {
|       external: true,
>       once: options?.once
|     });
|   }

@ ./public/js/pdf-js-controller.js 8:0-67 55:53-62 178:27-35
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Annotator/Annotator.vue?vue&type=script&lang=js&
@ ./src/components/Annotator/Annotator.vue?vue&type=script&lang=js&
@ ./src/components/Annotator/Annotator.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Home.vue?vue&type=script&lang=js&
@ ./src/views/Home.vue?vue&type=script&lang=js&
@ ./src/views/Home.vue
@ ./src/router.js
@ ./src/main.js
@ multi ./src/main.js

ERROR  Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! webviewer-vue-sample@0.1.0 build: vue-cli-service build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the webviewer-vue-sample@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/buriy/.npm/_logs/2021-05-07T12_13_05_664Z-debug.log
webpack
Concepts | webpack
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
источник
15:22пожаловаться#18

kp

krn p in Webpack — русскоговорящее сообщество
ну синтаксическая ошибка же
источник
15:23пожаловаться#19

NM

Neo Makela in Webpack — русскоговорящее сообщество
А блин
источник
15:23пожаловаться#20