Вопросы с тегом «webpack»

86
Какой порядок загрузчика для webpack?

Когда у меня есть конфигурация загрузчика с несколькими тестами, соответствующими файлу, я ожидаю, что будет использоваться только первый соответствующий загрузчик, но, похоже, это не так. Я попытался прочитать исходный код, но даже когда я нашел бит, который, как мне кажется, реализует загрузку,...

86
Могу ли я использовать webpack для генерации CSS и JS отдельно?

У меня есть: JS-файлы, которые я хочу связать. МЕНЬШЕ файлов, которые я хочу скомпилировать в CSS (преобразование @imports в один пакет). Я надеялся указать их как два отдельных входа и иметь два отдельных выхода (вероятно, через extract-text-webpack-plugin). Webpack имеет все необходимые плагины...

86
Webpack: «есть несколько модулей с именами, которые различаются только корпусом», но указанные модули идентичны

Я использую webpack 3.8.1 и получаю несколько экземпляров следующего предупреждения о сборке: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other...

85
Webpack не исключая node_modules

Я использую webpack для фреймворка Node, который я создаю (хотя, по общему признанию, мне, вероятно, следует использовать gulp). Когда я включаю модуль EJS, webpack включает его в скомпилированный исходный код, даже если я явно указываю ему исключить каталог node_modules. module.exports = {...

85
Как мне загрузить font-awesome с помощью SCSS (SASS) в Webpack, используя относительные пути?

У меня есть font-awesome в папке node_modules, поэтому я пытаюсь импортировать его в свой основной файл .scss следующим образом: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Но компиляция пакета Webpack не работает, сообщая мне Error: Cannot resolve 'file' or 'directory'...

84
Webpack ProvidePlugin против внешних?

Я изучаю идею использования Webpack с Backbone.js . Я следил за кратким руководством по началу работы и имел общее представление о том, как работает Webpack, но мне неясно, как загрузить библиотеку зависимостей, такую ​​как jquery / backbone / underscore. Должны ли они загружаться извне,...

84
ОШИБКА: Невозможно найти модуль babel-core. используя response.js, webpack и экспресс-сервер

Когда я запускаю webpackтерминал, я получаю: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Вот мой файл webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: {...

83
ошибка окна не определяется при использовании extract-text-webpack-plugin React

Я использую webpack для создания своих реагирующих компонентов, и я пытаюсь использовать его, extract-text-webpack-pluginчтобы отделить свой css от сгенерированного файла js. Однако, когда я пытаюсь построить компонент я получаю следующее сообщение об ошибке: Module build failed: ReferenceError:...

83
Псевдонимы пути для импорта в WebStorm

Я использую псевдонимы пути webpack для загрузки модуля ES6. Например, если я определю псевдоним utilsвместо чего-то вроде import Foo from "../../../utils/foo", я могу сделать import Foo from "utils/foo" Проблема в том, что как только я начинаю использовать псевдонимы, WebStorm теряет отслеживание...

82
Webpack-dev-server компилирует файлы, но не обновляет и не делает скомпилированный javascript доступным для браузера.

Я пытаюсь использовать webpack-dev-server для компиляции файлов и запуска веб-сервера dev. В моем package.jsonслучае свойство script установлено на: "scripts": { "dev": "webpack-dev-server --hot --inline", } Таким образом, --hotи --inlineследует включить веб-сервер и горячую перезагрузку...

82
Может кто-нибудь объяснить CommonsChunkPlugin Webpack

Я понимаю, что он CommonsChunkPluginпросматривает все точки входа, проверяет, есть ли между ними общие пакеты / зависимости, и разделяет их на отдельные пакеты. Итак, предположим, что у меня следующая конфигурация: ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency entry2 :...

40
Выходные данные загрузчика файлов Webpack [объектный модуль]

Я использую веб-пакет с HtmlWebpackPlugin, html-loaderи file-loader. У меня есть простая структура проекта, в которой я использую не фреймворки, а только машинопись. Таким образом, я пишу свой HTML-код непосредственно в index.html. Я также использую этот HTML-файл в качестве шаблона в...

21
Webpack не может скомпилировать ts 3.7 (опциональная цепочка, Nullish Coalescing)

Я пытаюсь использовать typescript 3.7такие функции, как Optional Chaining, Nullish Coalescing. Но webpackвыдает ошибку при транспортировке. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may...

16
Ошибка типа: невозможно прочитать свойство 'webpackJsonp' из неопределенного

У меня есть приложение «Реакция» (приложение А), созданное около 2 лет назад с использованием команды «создать-реакция», и оно было удалено. Приложение экспортируется как модуль commonjs2 и поставляется в пакете NPM для использования в проекте next.js (приложение B). Все шло гладко, пока я не...

16
Как экспортировать несколько модулей ES6 из одного пакета NPM

Я создал сравнительно небольшой пакет NPM, состоящий примерно из 5 различных классов ES6, содержащихся в одном файле, каждый из которых выглядит примерно так: export default class MyClass { // ... } Затем я установил точку входа для моего пакета, которая выглядит следующим образом: export { default...

12
Когда я запускаю nbu runbuild в vue.js, появляется ошибка. Интерфейс «NodeRequire» не может одновременно расширять типы «Require».

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For...

12
Рекомендации по использованию библиотеки общих компонентов

Я создаю разделяемую библиотеку компонентов React. Библиотека содержит много компонентов, но конечному пользователю может понадобиться использовать только некоторые из них. Когда вы связываете код с помощью Webpack (или Parcel или Rollup), он создает один файл со всем кодом . Из соображений...

10
Как встроить шрифты в CSS с помощью веб-пакета?

Проблема: я использую katex для отображения математики на странице. Затем я хочу создать PDF-версию части этой страницы, поэтому я создаю HTML-документ, содержащий экспортируемую часть, которая включает весь CSS-код и передает его в средство визуализации. Рендер не может получить доступ к ресурсам...