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

125
webpack не распознается как внутренняя или внешняя команда, работающая программа или командный файл

Я изучаю React.js и использую ОС Windows 8. Я перешел в свою корневую папку 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder 3. install webpack globally by typing npm install webpack -g 4. i am also having...

117
Исполнители задач (Gulp, Grunt и т. Д.) И Bundlers (Webpack, Browserify). Зачем использовать вместе?

Я немного новичок в мире задач и сборщиков, и пока я прохожу через такие вещи, как Grunt, Gulp, Webpack, Browserify , Я не чувствовал, что между ними есть большая разница. Другими словами, я чувствую, что Webpack может делать все, что делает средство выполнения задач. Но все же у меня есть огромное...

117
Как разрешить webpack-dev-серверу разрешать точки входа с реактивного маршрутизатора

Я создаю приложение, которое использует в разработке webpack-dev-server вместе с response-router. Похоже, что webpack-dev-server построен на предположении, что у вас будет общедоступная точка входа в одном месте (т.е. «/»), тогда как response-router допускает неограниченное количество точек входа....

117
Поддержка экспериментального синтаксиса classProperties в настоящее время не включена

Пока я настраивал React в проекте Django, я столкнулся с этой ошибкой Ошибка ModuleBuildError в сборке модуля (из ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Поддержка экспериментального синтаксиса classProperties 'в...

116
Как получить доступ к 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:...

116
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...

114
Webpack 4 - Как настроить минимизацию?

Webpack 4 содержит следующее заявление: webpack.optimize.UglifyJsPlugin был удален, используйте вместо него config.optimization.minimize. Достаточно честно, но я не могу найти никакой информации о настройке экземпляра UglifyJsPlugin, работающего под капотом, например, для изменения каталога кеша....

114
React-Native: модуль AppRegistry не является зарегистрированным вызываемым модулем

В настоящее время я пытаюсь запустить ES6 response-native-webpack-server на эмуляторе Android. Разница в том, что я обновил свой package.jsonи build.gradeдля использования реакции 0.18.0и получаю эту ошибку при загрузке. Насколько мне известно AppRegistry, импортирован правильно. Даже если я...

111
Предоставьте jQuery реальному объекту Window с помощью Webpack

Я хочу предоставить объект jQuery глобальному объекту окна, который доступен внутри консоли разработчика в браузере. Теперь в моей конфигурации веб-пакета есть следующие строки: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Эти строки добавляют определения jQuery к...

109
Отказался от загрузки шрифта «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...

108
Обозначение скобок объекта Javascript ({Navigation} =) слева от assign

Я раньше не видел этого синтаксиса, и мне интересно, о чем он вообще. var { Navigation } = require('react-router'); Скобки слева выдают синтаксическую ошибку: неожиданный маркер { Я не уверен, какая часть конфигурации веб-пакета трансформируется или какова цель синтаксиса. Это вещь гармонии? Может...

107
«Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов» с 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 =...

105
Как использовать шрифты 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; } Однако...

104
Динамически импортировать изображения из каталога с помощью 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} /> Это быстро становится...

104
Как сохранить файл конфигурации и прочитать его с помощью React

Я новичок в response.js. Я реализовал один компонент, в котором я извлекаю данные с сервера и использую их как CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) {...

104
Загрузчики веб-пакетов и плагины; какая разница?

В чем разница между загрузчиками и плагинами в webpack? В документации для плагинов просто сказано: Используйте плагины для добавления функций, обычно связанных с пакетами в webpack. Я знаю, что babel использует загрузчик для преобразований jsx / es2015, но похоже, что другие общие задачи...

101
Webpack babel 6 декораторы ES6

У меня есть проект, написанный на ES6 с веб-пакетом в качестве сборщика. Большая часть транспилирования работает нормально, но когда я пытаюсь включить декораторы где угодно, я получаю эту ошибку: Decorators are not supported yet in 6.x pending proposal update. Я просмотрел трекер ошибок babel и...