Вопросы с меткой [webpack]
Инструмент сборки веб-проектов . Используется для сборки JS, css и html файлов в пакеты - бандлы.
733
вопроса
0
голосов
0ответов
9 показов
Не обновляетс файлы hotreload webpack(Update failed: ChunkLoadError: Loading hot update chunk app failed.)
Обновил webpack4 до webpack5
Выходит сообщение в консоль браузера при изменении файла при разработке и hotreload webpack dev server. Т.е. при запуске npm start все работает хорошо, но как только я ...
0
голосов
1ответ
26 показов
Webpack не транспиирует typescript в es5
Собираю приложение на js и ts с помощью webpack. И ts-loader выдаёт ошибку при сборке.
You may need an appropriate loader to handle this file type, currently
no loaders are configured to process this ...
0
голосов
1ответ
40 показов
как в каждый scss файл записать строчку @import “mixins”
В файл index.js подключается файл mixins.scss и index.scss. В mixins.scss такой код:
@mixin colorRed {
color: red;
}
в index.scss такой код:
body {
@include colorRed;
}
есть такой webpack....
0
голосов
0ответов
15 показов
Вебпак не видит ни один лоадер: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
webpack.config.js
const path = require('path')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const {CleanWebpackPlugin} = require('clean-webpack-plugin')
module.exports = {
context: ...
0
голосов
0ответов
10 показов
Компиляция scss на webpack
При компиляции scss в css на webpack в консоль выходит ошибка
Ошибка
Вот код
const path = require('path')
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = ...
0
голосов
0ответов
11 показов
бандл из нескольких .css файлов с помощью postCss
Есть проект Laravel, в нем есть соотвественно файл webpack.mix.js и содержимое файла такое:
const mix = require('laravel-mix');
mix.js(['resources/js/app.js', 'resources/js/bootstrap.js'], 'public/js/...
1
голос
0ответов
17 показов
React - Webpack вопрос про module.exports
Смотрю курс Webpack для React.js на ютубе, автор видеоролика продемонстрировал файл content.jsx где используется require и module.exports
сказав, что "используя require мы делаем ссылку на папку ...
0
голосов
1ответ
67 показов
Имя “webpack” не распознано как имя командлета
Установил Webpack, установка прошла успешно но когда я в терминале ввожу команду webpack для того чтобы создался папка dist появляется ошибка
**webpack : Имя "webpack" не распознано как имя ...
-1
голос
1ответ
16 показов
Webpack и Mysql динамическое соединений
Я уже задавал подобный вопрос, но погуглил ещё и понял что ошибся, спросив как динамически соединить nodejs и mysql. Как я понял основная проблема именно в сборке вебпака.
Сейчас после сборки вебпаком ...
0
голосов
0ответов
25 показов
Webpack vs create react app
Недавно начал изучение Webpack я понимаю что Webpack имеет много полезных фишек но я не понимаю зачем в ручную устанавливать babel, loader, react, react-dom затем разобраться с package.json если ...
1
голос
0ответов
19 показов
Что такое Пресет в Webpack
Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи
"babel-core: Преобразует код ES6 в ES5.
babel-loader: ...
0
голосов
0ответов
10 показов
Webpack.Проблема со стрелочными функциями
Webpack ругается на стрелочные функции. Но если все переписать обычными, то прекрасно работает. В чем может быть проблема?
ERROR in ./src/index.js 33:14
Module parse failed: Unexpected token (33:14)
...
0
голосов
0ответов
9 показов
Webpack Error: Cannot find module 'webpack-cli/bin/config-yargs'
Устанавливаю webpack с помощью
npm i webpack webpack-cli webpack-dev-server
И когда пытаюсь запустить dev-server, получаю ошибку Cannot find module 'webpack-cli/bin/config-yargs'
Подскажите ...
0
голосов
1ответ
27 показов
Module not found: Error: Can't resolve './src' при использовании webpack devserver
При использовании webpack dev sever столкнулся со следующей проблемой, сразу после запуска получаю следующие ошибки:
> webpack-dev-server --open
i 「wds」: Project is running at http://localhost:...
0
голосов
1ответ
24 показа
Как сделать автоматичекую загрузку модулей Vuex
В проекте использую Vue + Vuex. Накопилось много vuex-модулей. Сейчас они все подключабются так:
import { module_1 } from 'Store/modules/module_1';
import { module_2 } from 'Store/modules/module_2';
.....
2
голоса
0ответов
36 показов
Различное поведение webpack на различных машинах - добавление лишней папки обертки
Я разрабатываю библиотеку, которая будет использоваться в других проектах. Для локальной разработки хочется билдить и использовать в других проектах через npm/yarn link. Она билдится вебапаком, но ...
0
голосов
0ответов
20 показов
Webpack просто склеить файлы
Осваиваю вебпак, но сейчас вместо каких-то сложных манипуляций мне нужно просто собрать несколько файлов в один и тут начались сложности. Есть на работе сервис, которому надо подсовывать js скрипты, ...
0
голосов
0ответов
17 показов
Здравствуйте вопрос про webpack-dev-server
Никак не могу понять почему сервер не рефрешит страницу, вроде бы всё подключено, но всё равно не обновляет. Кстати запускаю server через webpack serve это правильно?
1
голос
0ответов
20 показов
Как сохранить файловую структуру при использовании asset/resource в Webpack 5
Проекте изображения храняться в директории images и разделены по подпапкам. Как при сборке проекта сохранить в dist такое же дерево как и в src при использовании asset/resource в Webpack 5?
Если я ...
0
голосов
0ответов
21 показ
Webpack выдает ошибку при инициализации переменной Static
Совсем недавно в этой сфере, поэтому задавать вопросы буду как умею :)
Использую переменную static в коде.
import {ExelComponent} from "@core/ExelComponent";
export class Formula extends ...
0
голосов
1ответ
26 показов
Как исправить ошибку throw er; // Unhandled 'error' event при запуске сборки?
gulp development
[14:01:37] Using gulpfile ~\Desktop\rarus-test-master\rarus-test-master\gulpfile.js
[14:01:37] Starting 'stylesheets'...
[14:01:37] Starting 'js'...
[14:01:37] Starting 'image'...
[14:...
0
голосов
1ответ
26 показов
Почему не запускается сборка, как исправить?
gulp development
C:\Users\Anriko\Desktop\rarus-test-master\rarus-test-master\node_modules\node-sass\lib\binding.js:13
throw new Error(errors.unsupportedEnvironment());
^
Error: Node Sass ...
0
голосов
0ответов
12 показов
Правильные ли конфиги вебпак и gulp для Vue проекта?
как правильно совместить эти сборщики?
не увидел в сборке веб пак свойства entry
и подключение самого веб пака
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
watch: ...
0
голосов
1ответ
18 показов
Как положить webpack config file в node_modules?
подскажите пожалуйста кто в курсе, как положить webpack config (например create react app webpack.configs) в node_modules? чтобы потом он по дефолту применялся как основа для разных проектов?
перерыл ...
0
голосов
0ответов
10 показов
ERROR in ../../js/webix/webixClass.js 50:11 (Webpack 5.4.0)
При сборке проекта силами webpack'a, при добавлении import { SendServer } from "../../js/webix/sendServer" выскакивает ошибка:
../www-common/www/web/js/webix/webixClass.js 1.97 KiB [built] [...
0
голосов
2ответа
32 показа
Как открыть create-react-app на другом компьютере в сети?
После команды npm start запускается проект. Через ipconfig узнаю свой ip. Получается ссылка вида http://10.0.2.61:3000/ , но на других ПК ничего не отображается. Ниже package.json
{
"name":...
0
голосов
1ответ
38 показов
При открытии сформированного бандла возникает ошибка “Cannot read property 'locals' of undefined”
Ссылка на репозиторий, в котором хранится исходный код.
Последовательность действий для воспроизведения ошибки:
Скачать исходники;
Установить зависимости;
Запустить один из доступных скриптов в ...
0
голосов
0ответов
19 показов
Babel не работает
Вернее сказать работает как то странно. Настройки по документации webpack и babel. В webpack.config.js:
{
test: /\.m?js$/,
exclude: /node_modules/,
use: ...
1
голос
0ответов
23 показа
Как в Webpack 5 разделять файлы html?
{
test: /\.html$/i,
use: {
loader: 'html-loader',
options: {
interpolate: true
}
}
}
Приблизительно так это выглядело в 4-ой версии
0
голосов
0ответов
21 показ
Как через Vue-cli при build получить полный html со всеми тегами?
Я хочу получить стандартный пакет html, css, js. После сборки проекта на vue-cli получаю в html лишь <div id="app"></div>. Несколько дней гугления не дало мне результатов. Есть ...
0
голосов
1ответ
31 показ
Изменение пути подключения js файлов в сборке react
появилась проблема при сборке приложения файлы подключаются с слешем впереди
вот так: "/static/js/main.24ab7a2e.chunk.js", а мне по условиям задачи нужно
так: "static/js/main.24ab7a2e....
1
голос
0ответов
39 показов
MiniCssExtractPlugin не работает
Просто webpack не видит его, не понимаю. В консоли мне пишет на строчке с
new MiniCssExtractPlugin({
filename: '[name].[contenthash].css'
})
Method expression is not of Function type
...
0
голосов
0ответов
13 показов
webpack, почему минимизирует scss и не минимизирует просто css, не понимаю
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
{
test: /\.css$/i,
use: [MiniCssExtractPlugin.loader,'css-loader'],
},
{
test: /\.scss$/i,
use: [
MiniCssExtractPlugin....
0
голосов
0ответов
24 показа
webpack не собирает css вместе с pug
Есть простая сборка проекта. css и sass перестаёт подключаться, если вместо html использую pug. В ином случае все работает но вместе с pug выдает ошибку:
css ./node_modules/css-loader/dist/cjs.js!./...
0
голосов
1ответ
27 показов
Ошибка при импорте mdi во Vue.js
День добрый. Я только начинаю изучать Vue.js.
Я использую Vuetify для применения встроенных стилей. Теперь я хочу использовать встроенные иконки из пака Material Design Icons, чтобы создать базовую ...
1
голос
1ответ
33 показа
Не работают алиасы в vue cli
Проект пишу на TypeScript. Добавляю алиасы так:
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
'Components': path.resolve(__dirname, './src/сomponents'...
0
голосов
1ответ
28 показов
Как импортировать библиотеку из node_modules в файле .tsx
Пробовал различные варианты подключения библиотеки в файле с расширением .tsx, но получаю ошибку в консоли "TypeError: Cannot read property 'call' of undefined".
Подключал всеми способами ...
0
голосов
0ответов
16 показов
Ошибка (node:6080) [DEP_WEBPACK_SINGLE_ENTRY_PLUGIN] DeprecationWarning: SingleEntryPlugin was rename
Собираю React-приложение с помощью Webpack, и при запуске команды "npm run build" появляется такая ошибка:
(node:14144) [DEP_WEBPACK_SINGLE_ENTRY_PLUGIN] DeprecationWarning: ...
1
голос
0ответов
42 показа
Cannot read property 'tap' of undefined webpack
только начал изучать webpack, и столкнулся с тем, что вебпак постоянно с нуля собирает проект. Прочитал на хабре статью про кэширование и установил плагин hard-source-webpack-plugin, но он выдает ...
0
голосов
0ответов
8 показов
Не правильные пути к изображению в стилях, при билде webpack
У меня есть свой билд webpack. Если я прописываю пути к картинке в стилях, то при билде пути не правильные и проходится их менять. Сам код:
const path = require('path');
const MiniCssExtractPlugin ...
0
голосов
1ответ
33 показа
Webpack. Module parse failed: Unexpected token (1:0)
Попытка сборки проекта на вебпаке 5.4.0 валится с такой ошибкой:
ERROR in ./src/index.html 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file ...
0
голосов
0ответов
16 показов
Как обратиться к файлу в twig шаблоне
Всем привет, столкнулся с проблемой, есть проект на webpack, есть необходимость использовать twig шаблоны. И есть необходимость вставлять самому нужные js/css файлы, отключив функцию inject, имена ...
0
голосов
0ответов
7 показов
Vue-cli (mini-webpack), не билдится index.html, подскажите плиз настройки!
Впервые сел за Vue, вроде разобрался со всем, кроме окружения. Установил cli mini-webpack, в dev всё работает отлично. Но при команде npm run build, собирает build.js и build.js.map, без index.html.
...
0
голосов
0ответов
9 показов
Laravel Mix (Copy Directory) Можно ли скомпилировать scss,less… в css при копировании файлов
Есть скрипт который копирует все ассеты из основной папки в паблик , но там есть scss,less файлы стилей, которые нужно скомпилировать в css и оставить в той же папке
mix.copyDirectory('public/themes/...
1
голос
0ответов
63 показа
Настройка Webpack
WARNING in ./src/scss/main.scss 9:17-24
export 'default' (imported as 'content') was not found in '!!../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader/dist/cjs.js?...
2
голоса
1ответ
86 показов
Webpack. Error: The module created for a LoaderDependency must have an original source
Есть небольшой проект на вебпаке 5.4.0. Его структура:
dist
node_modules
src
css
fonts
images
js
index.js
template.html
package.json
package-lock.json
webpack.config.js
При запуске проекта в dev-...
0
голосов
1ответ
753 показа
Webpack: No template for dependency: CssDependency
Есть небольшой проект на вебпаке 5.4.0. Его структура:
dist
node_modules
src
css
fonts
images
js
index.js
template.html
package.json
package-lock.json
webpack.config.js
При запуске проекта в dev-...
0
голосов
0ответов
16 показов
как подключить локальные шрифты в webpack 4? какие настройки и куда следует прописать?
пишу проект на VUE, использую scss. Не могу подключить шрифты. Подскажите, каким образом нужно настроить webpack, чтобы шрифты загрузились?
это прописываю в index.scss
@font-face {
font-family: "...
0
голосов
0ответов
21 показ
Работа с Webpack на готовом лендинге
Есть свёрстанный адаптивный лендинг со стилями, скриптами, шрифтами и т.д. Недавно начал осваивать вебпак, настроил его конфиг, подключил все необходимые плагины/модули. Собирается без ошибок. Пример ...
0
голосов
0ответов
7 показов
Webpack не собирает билд с путем для картинки относительно страницы в backgroud
Пытаюсь стилизовать checkbox, при статусе checked, фон должен поменяться на check.svg, который при сборке лежит по пути /assets/img/check.svg. Но, если указать в url у background этот путь, то webpack(...