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

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

9
Як дозволити веб-пакету-dev-серверу дозволити вхідні точки від react-router
Я створюю додаток, який використовує webpack-dev-сервер у розробці разом із реактор-роутером. Схоже, що webpack-dev-сервер побудований на основі припущення, що ви матимете публічну точку входу в одному місці (тобто "/"), тоді як реактор-маршрутизатор передбачає необмежену кількість точок входу. Я хочу отримати переваги webpack-dev-сервера, особливо функцію гарячого перезавантаження, яка чудово підходить для …
18
Підтримка експериментального синтаксису "classProperties" наразі не включена
Під час налаштування React в рамках проекту Django я натрапив на цю помилку Не вдалося збігти ModuleBuildError у модулі (від ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ properties \ js \ index.js: Підтримка експериментального синтаксису classProperties "наразі не ввімкнено (17: 9): 15 | 16 | …
3
HtmlWebpackPlugin вводить файли відносних шляхів, які ламаються при завантаженні некорінних шляхів веб-сайту
Я використовую webpack та HtmlWebpackPlugin для введення пакетів js та css у файл шаблону html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), І він створює наступний html-файл. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Це добре працює під …
20
React-Native: Модуль AppRegistry не є зареєстрованим модулем для дзвінка
Наразі я намагаюся запустити ESA-реактор-нативно-веб-сервер, що працює на емуляторі Android. Різниця в тому, що я модернізував свій package.jsonі build.gradeвикористовую реакцію 0.18.0, і отримую цю помилку під час завантаження. Наскільки мені відомо AppRegistry, імпортується правильно. Навіть якби я коментував код, ця помилка все-таки виникає. Це працює на iOS без проблем. Що …
6
Webpack 4 - Як налаштувати мінімізацію?
Webpack 4 постачається із таким твердженням: webpack.optimize.UglifyJsPlugin видалено, замість цього скористайтеся config.optimization.minimize. Досить справедливо, але я не можу знайти жодної інформації про налаштування екземпляра UglifyJsPlugin, який працює під кришкою, наприклад, для зміни каталогу кеша. Це можна зробити?
5
Як отримати доступ до webpack-dev-сервера з пристроїв у локальній мережі?
Існує конфігурація сервера розробки веб-пакетів (це частина всієї конфігурації): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function rewriteUrl(replacePath) { return function (req, opt) …
7
Викрийте jQuery справжньому об'єкту Window за допомогою Webpack
Я хочу відкрити об’єкт jQuery глобальному об'єкту вікна, який доступний всередині консолі розробника у браузері. Тепер у моєму конфігурації веб-упаковки є такі рядки: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Ці рядки додають визначення jQuery до кожного файлу в моїх модулях веб-упаковки. Але коли я будую проект …
4
Позначення в дужці об’єктів Javascript ({Навігація} =) зліва від призначення
Я раніше не бачив цього синтаксису і мені цікаво, що це таке. var { Navigation } = require('react-router'); Дужки зліва видають синтаксичну помилку: несподіваний жетон { Я не впевнений, яка частина конфігурації webpack перетворюється або яка мета синтаксису. Це гармонія? Може хтось мене просвітить?
19
Відмовляється завантажувати шрифт "data: font / woff ...", він порушує таку директиву щодо політики безпеки вмісту: "self-src" self "". Зауважте, що "font-src"
Моя реакція webApp видає цю помилку в консолі браузера Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Також: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …
6
webpack не може знайти модуль, якщо файл називається jsx
Коли я пишу webpack.config.js так module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; І index.jsxя імпортую reactмодульApp import React from 'react'; import { render } from 'react-dom'; import App …
7
"Вам може знадобитися відповідний завантажувач для обробки цього типу файлів" з Webpack та Babel
Я намагаюся використовувати Webpack з Babel для компіляції активів ES6, але я отримую таке повідомлення про помилку: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' Ось як виглядає моя конфігурація Webpack: var path …
4
Завантажувачі Webpack vs плагінів; яка різниця?
Яка різниця між завантажувачами та плагінами в webpack? Документація для плагінів просто говорить: Використовуйте плагіни, щоб додати функціональні можливості, зазвичай пов'язані з пакетами в webpack. Я знаю, що babel використовує завантажувач для перетворень jsx / es2015, але, схоже, інші поширені завдання (наприклад, copy-webpack-plugin) використовують плагіни.
5
Webpack babel 6 декораторів ES6
У мене є проект, написаний в ES6, з webpack як мій постачальник. Більшість трансліпінгу працює добре, але коли я намагаюся включати декораторів де завгодно, я отримую цю помилку: Decorators are not supported yet in 6.x pending proposal update. Я переглянув трекер випуску вабелів, і там не зміг знайти нічого, тому …
4
Як зберігати файл конфігурації та читати його за допомогою React
Я новачок у реагуванні .js Я реалізував один компонент, в якому я отримую дані з сервера і використовую їх як, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.