Запитання з тегом «webpack»

Webpack - це постачальник модулів JavaScript. Webpack приймає модулі із залежностями та генерує статичні активи, що представляють ці модулі. Основні функції Webpack пов'язані з розширенням і дають можливість розробникам використовувати найкращі практики в галузі веб-архітектури та веб-продуктивності.

3
Як правильно встановити favicon.ico у проекті webpack vue.js?
Я створив vue webpackпроект за допомогою vue-cli. vue init webpack myproject А потім запустив проект у devрежимі: npm run dev Я отримав цю помилку: Не вдалося завантажити ресурс: сервер відповів статусом 404 (не знайдено) http: // localhost: 8080 / favicon.ico Тож як всередині webpack, як правильно імпортувати favicon.ico?

4
Chunk.entrypoints: Використовуйте Chunks.groupsIterable та замість цього фільтруйте за екземпляром Entrypoint
Під час спроби запустити програму я бачу такі помилки ... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && відкрити index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 at …

19
Недійсний об'єкт конфігурації. Webpack ініціалізовано за допомогою об'єкта конфігурації, який не відповідає схемі API
У мене є ця проста програма для реагування helloworld, створена з онлайн-курсу, однак я отримую таку помилку: Недійсний об'єкт конфігурації. Webpack ініціалізовано за допомогою об'єкта конфігурації, який не відповідає схемі API. - конфігурація має невідому властивість 'postcss'. Ці властивості дійсні: об'єкт {amd ?, bail ?, кеш ?, контекст ?, залежності …

9
Webpack: вихід тиші
Я хотів би знати, чи є параметр конфігурації, щоб повідомити webpack лише реєструвати "важливу інформацію" на терміналі. Значною мірою лише помилки та попередження, не все з цього: Виходу просто так багато! Хотіли б придушити загальні речі, і лише веб-пакет виводив попередження / помилки. Хотів рішення для webpack, webpack-dev-serverі karma-webpack. Примітка …

8
Команда npx не знайдена
Я працюю з webpack, і мені потрібно виконати ./node_modules/webpack/bin/webpack.jsза допомогою npx. npx webpackзапускав би двійковий файл webpack ( ./node_modules/webpack/bin/webpack), але кожного разу, коли я запускаю веб-пакет npx, я отримую bash: npx: command not found. Я використовую: вузол: v9.5.0 нм / хв: 5.6.0 nvm: 1.1.5 веб-пакет: 3.11.0
89 node.js  npm  webpack  npx 

4
Не вдається імпортувати модулі CSS / SCSS. TypeScript говорить “Не вдається знайти модуль”
Я намагаюся імпортувати тему з модуля CSS, але TypeScript видає помилку "Не вдається знайти модуль", і тема не застосовується під час виконання. Я думаю, що щось не так з моєю конфігурацією Webpack, але я не впевнений, де проблема. Я використовую такі інструменти: "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" …

6
Впровадження модулів ES6, як завантажити json-файл
Я реалізую приклад з https://github.com/moroshko/react-autosuggest Важливий код такий: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of strings, …

6
"Символ" не визначено в IE після використання babel
У мене є reactjsпрограма, написана за стандартами ES6, і я використовую її webpackдля її створення. У webpackзавантажує jsмодулі , що використовують babel-loader. Якщо конкретно, я використовую такі версії пакетів: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Однак після його побудови IE 10 видає таку помилку 'Symbol' is undefined. Чи …

7
Конфлікт: кілька ресурсів видаються в одне і те ж ім’я файлу
Я новачок веб-пакету, який хоче дізнатися все про це. Я зіткнувся з конфліктом під час запуску веб-пакета, який сказав мені: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js Що робити, щоб уникнути конфлікту? Це мій webpack.config.js: module.exports = { context: __dirname + "/app", …

10
Попередньо встановленим файлам заборонено експортувати об'єкти
У мене є файл каруселі, в якому я хочу отримати index.jsта побудувати block.build.js, тому моє webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: …

5
Кілька файлів html за допомогою webpack
Я намагаюся зробити щось у проекті, але я не впевнений, що це можливо, я помиляюсь або щось не розумію. Ми використовуємо webpack, і ідея полягає в тому, щоб обслуговувати більше одного HTML-файлу. localhost: 8181 -> обслуговує index.html localhost: 8181 / example.html -> обслуговує example.html Я намагаюся зробити це, встановивши кілька …

3
Яке замовлення завантажувача для webpack?
Коли у мене є конфігурація завантажувача з декількома тестами, що відповідають файлу, я очікую, що буде використаний лише перший відповідний завантажувач, але це, здається, не так. Я спробував прочитати джерело, але навіть коли виявив біт, який, на мою думку, реалізує завантаження, я не можу зрозуміти, як він поводиться. У документації …
86 webpack 

7
Чи можу я використовувати webpack для генерації CSS та JS окремо?
У мене є: JS-файли, які я хочу об’єднати. МЕНШЕ файлів, які я хочу скомпілювати до CSS (вирішення @imports в єдиний пакет). Я сподівався вказати їх як два окремі входи та мати два окремі виходи (ймовірно, за допомогою витяжки text-webpack-plugin). У Webpack є всі належні плагіни / завантажувачі для компіляції, але, …

22
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 case-semantic. Use equal casing. Compare these module identifiers: * /Users/path/to/babel-loader/lib/index.js!/Users/path/to/NavBar/MainMenuItemMobile.js Used …

3
Webpack - критична залежність: запит залежності є виразом
Я отримую три попереджувальні повідомлення під час імпорту requestв проект веб-пакета без голови. Мінімальний приклад відтворення помилки доступний на GitHub (run npm installand npm start). Critical dependency: the request of a dependency is an expression Як я можу позбутися цього попередження? Більше інформації: Webpack намагається requireстатично вирішувати дзвінки, щоб зробити …
86 webpack  request  ajv 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.