Популярные вопросы по тегу WEBPACK

Ошибка: не удается разрешить модуль style-loader.

... entry: [ // Set up an ES6-ish environment 'babel-polyfill', // Add your application's scripts below APP_DIR + '/import.js' ], output: { path: BUILD_DIR, filename: 'bundle.js' }, module: { loaders: [ { test: /\.jsx?$/, loader: 'babel', exclude: /node_modules/, query: { ...

Webpack: в чем разница между опциями «все» и «начальные» в optimisation.splitChunks.chunks

... ут затронуты им (даже те, которые не 3 импортированы динамически). Таким образом, куски 2 могут быть разделены между точками входа 1 и загрузкой по зап ...

Использовать webpack для объединения компонента React для импорта другим компонентом React

... ello from 'repo1'; export default class HelloWorld extends React.Component { render() { console.log(JSON.stringify(Hello)); return ( <div> <Hello/> </div> ); } } Я пытаюсь 49 использовать веб-пакет для ...

Как игнорировать тестовые файлы в webpack с помощью ts-loader

... пакет, я получаю ошибки для 9 тестовых файлов: ERROR in /some/path/note.test.ts (27,3): error TS2304: Cannot find name ' Как я могу исправить конфигурацию 8 веб-пакета, чтобы полностью игнорировать 7 тестовые файлы? Вот конфигурация веб-пакета: const path = require ( 'path' ) module.exports = { entry: './src/boot.tsx' , node: { __dirname: false } , output: { path: path.resolve ( __dirname, 'app', 'build' ) , filena ...

Как обновить конфигурацию webpack для проекта React, созданного с помощью приложения create-react-app?

... реакции с помощью приложения 5 create-react-app. Теперь мне нужно обновить 4 конфигурацию веб-пакета, но я нигде не нахожу 3 файл. Нуж ...

Webpack Исключить определенный файл

... от код в моем webpack.config.prod.js, и мне было 2 интересно, как мне исключить все json, кроме 1 одного, в определенном пути, например src/configs/confi ...

Передача значения NODE_ENV с помощью Webpack через DefinePlugin

... new webpack.optimize.OccurrenceOrderPlugin(), new webpack.optimize.AggressiveMergingPlugin(), new webpack.optimize.UglifyJsPlugin({comments: false}), ] : [ new webpack.HotModuleReplacementPlugin(), ]; plugins.push( new webpack.optimize.CommonsChunkPlugin({name: "vendor.bundle", minChunks: 2}), new webpack.DefinePlugin({ PRODUCTION: PRODUCTION, DEVELOPMENT: DEVELOPM ...

Библиотека Typescript + Webpack генерирует ошибку ReferenceError: self не определен

... js в сценарий node.js: node -e 'console.dir(Object.keys(require("./dist/scalextric.js")));' Я получаю: ReferenceError: self is not defined at Object.<anonymous> (/media/kratib/Data/src/infojunkie/scalextric/dist/scalextric.js:2:215) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module ...

Как вы ссылаетесь на переменную process.env в HTML <script src = ""? Реагировать

... .com/twbs/bootstrap/48938155eb24b4ccdde09426066869504c6dab3c/dist/css/bootstrap.min.css"> <script src="https://maps.googleapis.com/maps/api/js?key=process.env.GOOGLEMAP_API_KEY"></script> </head> <body> <div class="container"></div> </body> <script src="/bundle.js"></script> </html> Как 4 мне указать здесь process.env.API_key? < ...

Реализация модулей ES6, как загрузить файл json

... bsJson2.default.filter is not a function Если 8 я отлажу его, я увижу, что пригород - это 7 объект, а не массив, поэтому функция фильтрации 6 не определена. Однако в примере комментируемые 5 предложения представляют собой массив. Если 4 я перепишу такие предложения, все заработае ...

Удалить некоторые строки кода в производственных файлах дистрибутива?

... оверяю, является 7 ли аргумент экземпляром класса LogModel. Это просто 6 для предотвращения ошибок. Я не хочу, чтобы 5 это условие if было в производстве, потому 4 что слишком много условий if замедлит работу 3 приложения. Можно ли создать выпуск для 2 разработки с проверками и выпуск для производст ...

Как получить более подробную информацию, чем «Ошибка компиляции Webpack» с Cypress?

... ованных модулей, все, что 9 я получаю от Cypress, - это сообщение Error: Webpack Compilation Error. Кажется, нигде 8 нет полезного стека ошибок, поэтому искать 7 источник ошибки невероятно неприятно. Мне 6 было интересно, есть ли способ получить 5 более подробную информацию об ошибке? Я пишу 4 тесты на TypeScript и использую cypress-webpack-preprocessor для компиляции 3 тестового кода. Вот webpack.config.js, кото ...

Объединить проект React.js в один файл js, который можно встроить в запись блога Ghost.

... к мне объединить 5 файлы проекта React.js в один файл, который 4 можно развернуть в посте блога-призрака? Это 3 можно успешно сделать для Vue.js, но я не 2 уверен, что это можно сделать для React.js Bundle Vue project into single js file that can be embedded in ...

Как правильно использовать babel / corejs3 / webpack для IE11?

... ss-properties": "^7.8.3", "@babel/plugin-proposal-decorators": "^7.8.3", "@babel/preset-env": "^7.9.5", "babel-loader": "^8.1.0", "eslint": "^6.8.0", "eslint-config-google": "^0.14.0", "webpack": "^4.42.1", ...

Что ожидает Webpack 4 от пакета с побочными эффектами: false

... ы 33 убедиться, что они готовы поддерживать webpack 32 4 в соответствующих кликах и т. д. Даже 31 популярные библиотеки, такие как lodash-es, RxJS, поддерживают 30 флаг sideEffects, поэтому используя их последнюю 29 версию, вы увидите, что размер пакета сразу 28 же уменьшается. От Webpack docs Флаг "sideEffects": false 27 в файле package.json big-module указывает, что 26 модули пакета не имеют побочных эффектов 25 (пр ...

Запросы прокси к отдельному внутреннему серверу с помощью vue-cli

... льзую шаблон vue-cli webpack-simple для создания своих 3 проектов, и я хотел бы отправля ...

Webpack - ПРЕДУПРЕЖДЕНИЕ в отношении ограничения размера актива: следующие ресурсы превышают рекомендуемый предел размера (244 КиБ)

... ] ./node_modules/react-bootstrap/es/index.js + 104 modules 301 KiB {0} [built] | 105 modules [90] ./js/reducers/index.js 650 bytes {0} [built] [116] ./node_modules/react-redux/es/index.js + 23 modules 43 KiB {0} [built] | 24 modules [121] multi whatwg-fetch ./js/App.js 40 bytes {0} [built] [122] ./js/App.js 5.17 KiB {0} [built] [134] ./js/actions/index.js 2.31 KiB {0} [built] [213] ./js/configureStore.js 1.4 KiB {0} [ ...

Как скомпилировать сценарий предварительной загрузки с веб-пакетом в Electron?

... t.addEventListener('DOMContentLoaded', event => { doSomeThing() // tell scraper to get started ipcRenderer.sendToHost('THING IS DONE', [{ url: document.URL }]); }); webview этот скрипт необходимо передать как 10 путь file://, например: <webview preload={'./some/folder/preload.js''} {...props} /> Проблема в том, что моя 9 установка веб-пакета не переносит preload.js, потому 8 что он я ...

Вывод Webpack - пустой объект

... ортировать компонент, он просто вернет 6 пустой объект. button.jsx: import React, {Component} from 'react' export class Button extends Component { render() { return <button className='btn'>Hello Button comp</button> } } expor ...

Не удается найти модуль webpack / bin / config-yargs

... gress --profile --watch --content-base src/. Вот журнал ошибок: module.js:442 throw err; ^ Error: Cannot find module 'webpack/bin/config-yargs' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.r ...

Как загружать Zone.js только тогда, когда это необходимо

... , которое можно 36 динамически внедрять в работающий веб-сайт. Смысл 35 этого приложения в том, чтобы иметь возможность 34 визуально изменять содержимое веб-сайта. Все 33 работает должным образом, когда рассматриваемый 32 веб-сайт также не запускается с использованием 31 Angular 2. В частности, когда исходный веб-сайт 30 использует Angular 2 и Zone.js, мое приложение 29 также пытается загрузить Zone.j ...

URIError: не удалось декодировать параметр '/%PUBLIC_URL%/favicon.ico'

... modules/express/lib/router/index.js:574:18) at next (/home/mike/finance- grapher/node_modules/express/lib/router/index.js:220:15) at expressInit (/home/mike/finance- grapher/node_modules/express/lib/middleware/init.js:40:5) at Layer.handle [as handle_request] (/home/mike/finance- grapher/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/home/mike/finance- grapher/node_modules/express/lib/router/index.js:317:13) at /h ...

Неожиданный токен: оператор (>) от UglifyJs

... ClientApp и Lib). Lib - это моя библиотека 10 компонентов (используется совместно с другими 9 проектами) Проблема Когда я создаю свой проект ClientApp 8 npm run build, у меня возникает следующая ошибка: ERROR in static/js/app.d08a24ce0e8d0438ce68.js from UglifyJs Unexpected token: operator (>) [C:/.../Lib/src/tools/escape-key.js:3,0][static/js/app.d08a24ce0e8d0438ce68.js:17468,38] Вопрос ...

Динамическая загрузка компонентов реакции

... я. Я хочу добиться примерно 1 этого. require.ensure([ "./widgets/" + componentName ] ,(require) => { let Component = require("./widgets/" ...

Webpack не копирует изображения в папку dist

... } }] // loader: 'file-loader?name=/fonts/[name].[ext]' }, { test: /\.(jpg|png|gif)$/, use: [{ loader: 'file-loader', options: { ...

Правила и загрузчики в Webpack - в чем разница?

... ; module.exports = { module: { loaders: [ { test: /\.css$/, loader: ExtractTextPlugin.extract({ loader: "css-loader" }) }, { test: /\.png$/, loader: "file-loader" } ] }, plugins: [ new ExtractTextPlugin({ filename: "style.css ...

ИЗОБРАЖЕНИЕ: вам может потребоваться соответствующий загрузчик для обработки этого типа файлов.

... ts = { // the entry file for the bundle entry: path.join(__dirname, '/client/src/app.jsx'), // the bundle file we will get in the result output: { path: path.join(__dirname, '/client/dist/js'), filename: 'app.js', }, module: { // apply loaders to files that meet given conditions loaders: [{ test: /\. ...

Зачем мне помещать пресеты babel в .babelrc и webpack.config.js?

... devDependencies": { "babel-cli": "^6.24.0", "babel-core": "^6.24.0", "babel-eslint": "^7.2.1", "babel-loader": "^6.4.1", "babel-preset-es2015": "^6.24.0", "babel-preset-react": "^6.23.0", "babel-preset-stage-0": "^6.22.0", "babel-register": "^6.24.0", "eslint": "^3.18.0", "eslint-conf ...

Ошибка "Отсутствует поставщик для TranslateService" каким-то образом связана с установкой npm.

... Hipster+yarn project я получаю следующую ошибку. Затем я удаляю 6 node_modules и запускаю npm install, и она исчезает. Затем 5 я делаю то и это, и это возвращается. Как 4 придешь? Я бы не хотел этого делать. TranslateService, указанный 3 в ошибке, предоставляется библиотекой, а 2 не моей собственной, и используется в three generated components моего 1 проекта, который я не писал. ERROR Erro ...

Как использовать шрифты Google в React.js?

... oogleapis.com/css?family=Bungee+Inline" rel="stylesheet"> И установите CSS body{ font-family: 'Bungee Inline', cursive; } Однако это не работает. Как я ...

Я получаю сообщение «Недопустимый заголовок хоста» при удаленном подключении к webpack-dev-серверу

... развертывании приложения 12 в Cloud 9, поскольку они имеют IP-адрес 11 и информацию о ПОРТАХ по умолчанию. Сервер 10 загружается и компилирует код, нет проблем, хотя 9 он не показывает мне индексный файл. Только 8 пустой экран с текстом «Недопустимый заголовок 7 хоста». Это просьба: GET / HTTP/1.1 Host: store-cl ...

Как передать переменные файла .env в конфигурацию webpack?

... ck.DefinePlugin({ "API_URL": JSON.stringify("http://my-api.com"), "FRONT_END_API_KEY" : "MYFRONTENDKEYGOESHERE" }), Мой сценарий сборки 1 package.json "scripts": { "start": "NODE_ENV=developme ...

Как заполнить основные модули ноды в webpack 5

... больше не выполняет автоматическое 3 заполнение полифилов для модуле ...

Вывести модуль ES с помощью webpack

... : libraryTarget: "commonjs-module" - открыть 5 его с помощью объекта module.exports (output.library игнорируется), __esModule определен 4 (он связан как модуль ES2015 в режиме взаимодействия) Однако 3 для меня это довольно непонятно. Это то 2 же самое, что и libraryTarget: "c ...

Удалите console.logs с помощью Webpack и Uglify

... не имеет этой опции, она не упоминается 6 в документации. Я инициализирую uglify из 5 веб-пакета следующим образом: new webpack.optimize.UglifyJsPlugin() Насколько я 4 понимаю, я могу использовать автономную 3 библиотеку Uglify ...

Не удается настроить NODE_ENV на производство с помощью webpack

... ingify(process.env.NODE_ENV) }) ], devServer: { historyApiFallback: true, contentBase: './' } }; А 7 вот мои скрипты в package.json: "scripts": { "clean": "rimraf dist", "build": "NODE_ENV=production npm run clean && webpack -p", "serve": "webpack-dev-server" } Когда я запускаю 6 npm run build, мой bundle. ...

Назначение Webpack-Manifest-Plugin в Webpack

... о-то изменилось 5 в коде), а HTML-Webpack-Plugin будет автоматически вставить 4 тег <script> с новым именем файла кода. Кажется, что 3 нет необходимости использовать webpack-manifest-plugin, я даже 2 не вижу, где используется manifest.json. Если вы ищете 1 мой webpack.config.js: const path = require('path') const { CleanWebpackPlugin } = require('clean-webpack-plugin') const HTMLWebpackP ...

TypeError: недопустимое значение, используемое в слабом наборе "при сборке с использованием веб-пакета.

... index.js'), output: { path: path.resolve(__dirname, '../some/path/here'), filename: 'main.js', }, }); const scss = Object.assign({}, config, { name: 'scss', entry: path.resolve(__dirname, './scss/styles.scss'), plugins: [ new MiniCssExtractPlugin({ filename: '[name].css', }), ], module: { rules: [ { test: /\.(s*)css$/, use: [ MiniCssExtractPlugin.loader, ...

Как импортировать веб-пакет с внешнего URL-адреса

... act-dom'; import load from 'little-loader'; import './main.css'; import './component'; import Search from './search/search' load('http://api.map.baidu.com/api?v=2.0&ak=gNO2wKVBNupZfafi0bl0sW3dIKqAHn4l', function(err){ console.log('err:', err); }); // document.body.appendChild(component()); ReactDOM.render(<Search />, document.getElementById('search')); но я все еще 1 получаю ошибку ниже ...

Как отобразить анимацию "загрузки" при загрузке компонента маршрута с отложенной загрузкой?

... { path: '/', component: () => import(/* webpackChunkName: 'landing' */ './landing.vue'), }, { path: '/foo', component: () => import(/* webpackChunkName: 'main' */ './foo.vue'), }, { path: '/bar', component: () = ...

webpack 4 дает background: url ([object Module]) как изображение bg

... далось создать 9 файл sprite.svg в моей папке dist и использовать 8 его в качестве справочника для своих тегов 7 использования внутри html. Однако я также 6 пытался использовать значки svg из моей 5 папки src / images / icons для фонового 4 изо ...

Объявления с тегами скрипта в шаблоне [Vue.js]

... gt;</script> <script src="//sub.adcompany.net/url/to/advertisement/script.js" async="async" defer="defer"></script> Если мы поместим 15 эти теги в <template>, Webpack выдаст следующее сообщение: Шаблоны 14 должны отвечать только за отображение состояния 13 в пользовательский интерфейс. Избегайте 12 размещения в шаблонах тегов с побочными 11 эффектами, например , так как они не будут 10 проана ...

Можно ли использовать и require, и import вместе с Webpack?

... s = MyComponent, в то время как другие 3 используют import Pkg from './fileName' и export default MyComponent и предпочли бы не уходить 2 через каждый, используя require / module.exports, и 1 обновите их. предупреждение о веб-пакете: WARNING in ./index.js 15:17-20 "export 'default' (imported as 'App') was not found in './App.jsx' ошибка браузера: App.jsx:20 Uncaught TypeError: Cannot assig ...

Отказался от загрузки данных шрифта: font / woff ..... 'это нарушает следующую директиву Политики безопасности контента: "default-src' self '". Обратите внимание, что 'font-src'

... } ] } ] }, resolve: { modules: [ path.join(__dirname, "src"), "node_modules", ] }, output: { path: __dirname + "/public/", // publicPath: "/public/", filename: "build.js&quo ...

Как предотвратить загрузку нескольких копий React?

... Мой 4 package.json выглядит так: ... "dependencies": { "classnames": "^2.1.3", "lodash": "^3.10.0", "react": "^0.14.6", "react-dom": "^0.14.6", "react-mixin": "^2.0.1", "react-select": "^1.0.0-beta8" }, ... Е ...

Webpack 5 - Uncaught ReferenceError: процесс не определен

... 'inline-source-map', // Spin up a server for quick development devServer: { historyApiFallback: true, contentBase: paths.build, open: true, compress: true, hot: true, port: 8080, }, plugins: [ // Only update what has changed on ho ...

Пряжа, ошибка компиляции перестроения node-gyp, node_modules / fsevents: команда не выполнена

... v v11.0.0 whitebear$ npm -v 6.4.1 package.json { "devDependencies": { "@symfony/webpack-encore": "^0.20.0", "bootstrap": "^4.1.3", "jquery": "^3.3.1", "node-sass": "^4.9.4", "popper.js": "^1.14.4", "sass-loader": "^7.1.0", "webpack-notifier": "^1.6.0" }, "license": "UNLICENSED", "private": true, "scripts": { "dev-server": "encore dev-server", "dev": ...

Как обслуживать robots.txt для приложения Vue

... 'css'], // Run the build command with an extra argument to // View the bundle analyzer report after build finishes: // `npm run build --report` // Set to `true` or `false` to always turn it on or off bundleAnalyzerReport: process.env.npm_config_report }, dev: { ...

Команда npx не найдена

... ./node_modules/webpack/bin/webpack), но каждый раз, когда я 1 выполняю npx webpack, я получаю bash: npx: command not found. Я использую: узел: v9.5.0 npm: 5.6.0 NVM: 1.1.5 ...

Как вы настраиваете babel для работы с разными конфигурациями в разных средах

... 0", "redux-thunk": "^0.1.0", "redux-undo": "^0.5.0" }, "devDependencies": { "babel-core": "^5.6.18", "babel-loader": "^5.1.4", "babel-plugin-react-transform": "^1.1.0", "babel-preset-es2015": "^6.3.13", ...