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

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

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> Это отлично работает при …
5
Как получить доступ к webpack-dev-серверу с устройств в локальной сети?
Есть некоторая конфигурация сервера 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, …
20
React-Native: модуль AppRegistry не является зарегистрированным вызываемым модулем
В настоящее время я пытаюсь запустить ES6 response-native-webpack-server на эмуляторе Android. Разница в том, что я обновил свой package.jsonи build.gradeдля использования реакции 0.18.0и получаю эту ошибку при загрузке. Насколько мне известно AppRegistry, импортирован правильно. Даже если я закомментирую код, эта ошибка все равно появится. Это работает на iOS без проблем. …
6
Webpack 4 - Как настроить минимизацию?
Webpack 4 содержит следующее заявление: webpack.optimize.UglifyJsPlugin был удален, используйте вместо него config.optimization.minimize. Достаточно честно, но я не могу найти никакой информации о настройке экземпляра UglifyJsPlugin, работающего под капотом, например, для изменения каталога кеша. Это можно сделать?
7
Предоставьте jQuery реальному объекту Window с помощью Webpack
Я хочу предоставить объект jQuery глобальному объекту окна, который доступен внутри консоли разработчика в браузере. Теперь в моей конфигурации веб-пакета есть следующие строки: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Эти строки добавляют определения jQuery к каждому файлу в моих модулях webpack. Но когда я создаю проект …
19
Отказался от загрузки шрифта «data: font / woff…», он нарушает следующую директиву политики безопасности контента: «default-src 'self'». Обратите внимание, что 'font-src'
Мое реагирующее веб-приложение дает эту ошибку в консоли браузера 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 …
4
Обозначение скобок объекта Javascript ({Navigation} =) слева от assign
Я раньше не видел этого синтаксиса, и мне интересно, о чем он вообще. var { Navigation } = require('react-router'); Скобки слева выдают синтаксическую ошибку: неожиданный маркер { Я не уверен, какая часть конфигурации веб-пакета трансформируется или какова цель синтаксиса. Это вещь гармонии? Может кто меня просветить?
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 = …
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 …
12
Как использовать шрифты Google в React.js?
Я создал сайт с React.js и webpack . Я хочу использовать шрифты Google на веб-странице, поэтому помещаю ссылку в раздел. Google шрифты <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> И установите CSS body{ font-family: 'Bungee Inline', cursive; } Однако это не работает. Как я могу решить эту проблему?
4
Загрузчики веб-пакетов и плагины; какая разница?
В чем разница между загрузчиками и плагинами в webpack? В документации для плагинов просто сказано: Используйте плагины для добавления функций, обычно связанных с пакетами в webpack. Я знаю, что babel использует загрузчик для преобразований jsx / es2015, но похоже, что другие общие задачи (например, copy-webpack-plugin) вместо этого используют плагины.
4
Как сохранить файл конфигурации и прочитать его с помощью React
Я новичок в response.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' //}); …
5
Динамически импортировать изображения из каталога с помощью webpack
Итак, вот мой текущий рабочий процесс для импорта изображений и значков в веб-пакет через ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Это быстро становится грязным. Вот что я хочу: import * from './images' <img src={doggy} /> <img …
5
Webpack babel 6 декораторы ES6
У меня есть проект, написанный на ES6 с веб-пакетом в качестве сборщика. Большая часть транспилирования работает нормально, но когда я пытаюсь включить декораторы где угодно, я получаю эту ошибку: Decorators are not supported yet in 6.x pending proposal update. Я просмотрел трекер ошибок babel и не смог найти там ничего, …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.