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

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

5
Експорт / імпорт ES6 в індексний файл
Зараз я використовую ES6 в додатку React через webpack / babel. Я використовую файли індексу, щоб зібрати всі компоненти модуля та експортувати їх. На жаль, це виглядає приблизно так: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = …

5
Як не допустити, щоб moment.js не завантажував локалі за допомогою веб-пакета?
Чи є якийсь спосіб, коли ви не можете moment.jsзавантажувати всі локалі (мені просто потрібна англійська мова), коли ви використовуєте веб-пакет? Я дивлюся на джерело, і здається, що якщо hasModuleвизначено, що це для webpack, то воно завжди намагається перейти до require()кожної локалі. Я впевнений, що для виправлення потрібен запит на витяг. …

9
Webpack.config, як просто скопіювати index.html у папку dist
Я намагаюся автоматизувати активи, що надходять / перебувають у потоці. У мене є такі config.js: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, …
189 webpack 

13
Як зробити так, щоб веб-пакет Dev-сервера запускався на порт 80 і на 0.0.0.0, щоб зробити його загальнодоступним?
Я новачок у цілому світі nodejs / reactjs, тож вибачтесь, якщо моє запитання звучить нерозумно. Тому я граю з reactabular.js . Щоразу, коли я це роблю, npm startце завжди працює localhost:8080. Як я можу змінити його на виконання, 0.0.0.0:8080щоб зробити його загальнодоступним? Я намагався прочитати вихідний код у вищевказаному репо, …

6
Як додати шрифти для створення проектів на основі додатків?
Я використовую create-react-app і вважаю за краще це не робити eject. Незрозуміло, куди повинні надходити шрифти, імпортовані через @ font-face та локально завантажені. А саме я завантажую @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Будь-які пропозиції? - EDIT Включаючи суть, …

4
Як поєднати окремі сценарії постачальників і вимагати їх за потреби за допомогою Webpack?
Я намагаюся зробити щось, що, на мою думку, повинно бути можливим, але я справді не можу зрозуміти, як це зробити лише з документації на веб-пакет. Я пишу бібліотеку JavaScript з декількома модулями, які можуть залежати один від одного. Крім того, jQuery використовується всіма модулями, і для деяких з них можуть …

9
де конфігурація та файли створення веб-пакета create-react-app?
Я створюю проект ReactJS з create-react-appпакетом, і це спрацювало добре, але я не можу знайти файли та конфігурації вебпакету . Як реагує-створює додаток працює з веб-пакетом? Де розміщені файли конфігурації веб-пакета в установці за замовчуванням create-react-app? Я не можу знайти файли конфігурації у папках свого проекту. Я не створив конфігураційний …

8
Що означає "Генератор коду деоптимізував стиль [деякого файлу], оскільки він перевищує максимум" 100 КБ ""?
Я додав новий пакет npm до свого проекту і вимагаю його в одному з моїх модулів. Тепер я отримую це повідомлення з webpack, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". Що це означає? Чи потрібно вжити певних дій?
165 webpack  babeljs 

7
Як створити декілька вихідних шляхів у конфігурації Webpack
Хтось знає, як створити кілька вихідних шляхів у файлі webpack.config.js? Я використовую bootstrap-sass, який поставляється з декількома різними файлами шрифтів і т. Д. Для веб-пакету для обробки цих даних я включив завантажувач файлів, який працює правильно, проте файли, які виводить, зберігаються у вихідний шлях, вказаний для решта моїх файлів: output: …
165 path  output  config  webpack  loader 

11
Для вирішення потрібні шляхи з webpack
Я все ще плутаю, як вирішити шляхи модулів за допомогою webpack. Тепер я пишу: myfile = require('../../mydir/myfile.js') але я хотів би написати myfile = require('mydir/myfile.js') Я думав, що разрешение.alias може допомогти, оскільки я бачу подібний приклад, використовуючи { xyz: "/some/dir" }як псевдонім, тоді можу require("xyz/file.js"). Але якщо я встановлю свій …

5
Gulp + Webpack або JUST Webpack?
Я бачу людей, які використовують gulp з webpack. Але тоді я читаю, що веб-пакет може замінити глот? Я тут абсолютно розгублений ... може хтось пояснить? ОНОВЛЕННЯ врешті-решт я почав із глоткою. Я був новим у сучасному фронті, і просто хотів швидко встати та працювати. Тепер, коли я перестала мочити ноги …
161 node.js  webpack  gulp 

16
Помилка: не вдається знайти модуль 'webpack'
Я тільки починаю вести веб- пакет, і у мене виникають труднощі з отриманням вибірки з кількома входами. Файл webpack.config.js у прикладі містить рядок var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); яка не дає мені помилки Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Шукаючи навколо, я знайшов інші приклади використання CommonsChunkPlugin з виразом var commonsPlugin = …
152 node.js  webpack 

16
Обмеження імпорту створення-реагувати на додаток за межами каталогу src
Я використовую додаток create-react. Я намагаюся викликати зображення з моєї загальнодоступної папки з файлу всередині мого src/components. Я отримую це повідомлення про помилку ./src/components/website_index.js Модуль не знайдено: Ви намагалися імпортувати ../../public/images/logo/WC-BlackonWhite.jpg, який не входить у проект src / каталог. Відносний імпорт за межами src / не підтримується. Ви можете або …

10
Як сказати веб-пакету розробника сервера для обслуговування index.html для будь-якого маршруту
Маршрутизатор React дозволяє реагувати додаткам для обробки /arbitrary/route. Для того, щоб це працювало, мені потрібен мій сервер, щоб надіслати додаток React будь-яким зібраним маршрутом. Але сервер розробників webpack не обробляє довільних кінцевих точок. Тут є рішення за допомогою додаткового експрес-сервера. Як дозволити веб-пакету-dev-серверу дозволити вхідні точки від react-router Але я …

6
Як завантажити файли зображень за допомогою завантажувача файлів webpack
Я використовую webpack для управління проектом reactjs . Я хочу завантажити зображення в javascript через webpack file-loader. Нижче розміщено webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { …

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