webpack- все статьи тега ➜ страница 2
Разрешение требуемых путей с помощью webpack
Я все еще не понимаю, как разрешить пути модуля с помощью webpack. Теперь я пишу: myfile = require('../../mydir/myfile.js') но я хотел бы написать myfile = require('mydir/myfile.js') Я думал, что разрешить.псевдоним может помочь, так как я вижу аналогичный пример с помощью { xyz: "/some/dir" } как псевдоним, то я могу require("xyz/file.js"). но если я установлю свой псевдоним в { mydir: '/absolute/path/mydir' },require('mydir/myfile.js') не будет работать. Я чувствую себя глупо, потому ...
Как разрешить webpack-dev-server разрешать точки входа из react-router
Я создаю приложение, которое использует webpack-dev-server в разработке вместе с react-router. кажется, что webpack-dev-server построен вокруг предположения, что у вас будет общедоступная точка входа в одном месте (т. е."/"), тогда как react-router позволяет использовать неограниченное количество точек входа. Я хочу воспользоваться преимуществами webpack-dev-сервера, особенно функцией горячей перезагрузки, которая отлично подходит для производительности, но я все еще хочу иметь возможность заг ...
Предоставьте jQuery для реального объекта окна с помощью Webpack
Я не хочу подвергать объект jQuery глобальному объекту окна, который доступен внутри консоли разработчика в браузере. Теперь в моей конфигурации webpack у меня есть следующие строки: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] эти строки добавляют определения jQuery к каждому файлу в моих модулях webpack. Но когда я строю проект и пытаюсь получить доступ к jQuery в консоли разраб ...
Как создать несколько путей вывода в конфигурации Webpack
кто-нибудь знает, как создать несколько путей выхода в webpack.конфиг.js файл? Я использую bootstrap-sass, который поставляется с несколькими различными файлами шрифтов и т. д. Для обработки webpack я включил file-loader, который работает правильно, однако файлы, которые он выводит, сохраняются в путь вывода, который я указал для остальных моих файлов: output: { path: __dirname + "/js", filename: "scripts.min.js" } Я хотел бы достичь чего-то, где я могу, возможно, посмотре ...
Как отладить угловой с VSCode?
Как мне настроить Angular и VSCode, чтобы мои точки останова работали? ...
Как загрузить все файлы в каталог с помощью webpack без инструкций require
У меня есть большое количество файлов javascript, разделенных на 4 подкаталога в моем приложении. В грунт я беру их все и собирать их в один файл. Эти файлы не имеют модуля.функция экспорта. Я хочу использовать webpack и разделить его на 4 части. Я не хочу вручную входить и требовать все мои файлы. Я хотел бы создать плагин, который при компиляции ходит по деревьям каталогов, а затем захватывает все .JS имена файлов и пути, затем требуется все файлы в каталоги и добавляет его к выходу. Я хо ...
Webpack ProvidePlugin vs externals?
Я изучаю идею использования Webpack С костяк.js. Я следил за руководством по быстрому запуску и имею общее представление о том, как работает Webpack, но мне неясно, как загружать библиотеку зависимостей, такую как jquery / backbone / underscore. должны ли они быть загружены извне с <script> или это то, что Webpack может обрабатывать, как прокладка RequireJS? по словам webpack doc: shimming modules, ProvidePlugin и externals Кажется, это связано с этим (так что bundle! загрузчик где-то), ...
React-Native: модуль AppRegistry не является зарегистрированным вызываемым модулем
в настоящее время я пытаюсь получить ES6 react-native-webpack-server запуск на эмуляторе Android. Разница в том, что я обновил свой package.json и build.grade использовать react 0.18.0, и я получаю эту ошибку при загрузке. Насколько мне известно AppRegistry - это правильно импортированы. Даже если я должен был прокомментировать код, эта ошибка все равно возникает. Это работает на iOS без проблем. что я делаю не так? EDIT: после попытки других шаблонов, которые делают поддержка 0.18.0, я все ...
webpack не распознается как внутренняя или внешняя команда, действующая программа или пакетный файл
Я учусь реагировать.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 a webpack.config.js in my root folder which contains the source and ouput directory 5. when i type the webpack command i am getting the below error. webpack не признается в качестве вну ...
Мокко тестирование не удалось из-за css в webpack
Я новичок в мокко, и я пытаюсь использовать его для тестирования простого компонента React. Тест будет проходить, если компонент react не имеет никакого стиля CSS, но выдает синтаксическую ошибку, если тег в компоненте React содержит любое имя класса: тестирование.реагировать.js import React from 'react'; export default class Testing extends React.Component { render() { return ( <section> <form> <input type="text" /> </form> ...
Как добавить шрифты для проектов на основе create-react-app?
Я использую 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 включая суть, на которую ссылается Дэн в своем ответе ➜ Client git:(feature/trivia-game-ui-2) ✗ ls -l public/static/fo ...
"Символ" не определен в IE после использования babel
у меня есть reactjs приложение написано с использованием стандартов ES6, и я использую webpack чтобы построить его. Элемент webpack нагрузки js модули с помощью babel-loader. В частности, я использую следующие версии пакетов: ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected] однако после его создания IE 10 дает следующую ошибку 'Symbol' is undefined. Не должно быть babel предполагается определить Symbol? Есть ли какая-либо конкретная конфигурация для webpack ...
webpack --watch не компилирует измененные файлы
Я пробовал использовать webpack --watch и после редактирования моих файлов JS, он не вызывает автоматическую перекомпиляцию. Я пробовал переустановить webpack С помощью npm uninstall но это все еще не работает. какие идеи? ...
Webpack не исключая модули узлов
Я использую webpack для структуры узла, которую я создаю (хотя я, вероятно, должен использовать gulp, по общему признанию). Когда я включаю модуль EJS, webpack включает его в скомпилированный источник, хотя я явно говорю ему исключить node_modules dir. module.exports = { context: __dirname, target: 'node', // ... output: { libraryTarget: 'commonjs' // ... }, module: { loaders: [ { test: /.js$/, exclude: ...
Webpack-webpack-dev-server: команда не найдена
Я работаю над веб-приложением React с помощью webpack, свободно рядом с в этом уроке. случайно я добавил папку node_modules в свой git. Затем я снова удалил его с помощью git rm -f node_modules/*. теперь, когда я пытаюсь запустить сервер webpack, я получаю следующую ошибку: > webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors sh: webpack-dev-server: command not found npm ERR! Darwin 14.4.0 npm ERR! argv "node" "/usr/local/bin/npm" "run" "devse ...
Загрузчики Webpack против плагинов; в чем разница?
в чем разница между загрузчиками и плагинами в webpack? The документация на Плагины просто говорит: используйте плагины для добавления функций, обычно связанных с пакетами в webpack. Я знаю, что babel использует загрузчик для преобразований jsx/es2015, но похоже, что другие распространенные задачи (например, copy-webpack-plugin) используют плагины. ...
Webpack watch не работает на Webstorm в Windows?
Так что в основном у меня есть проект с использованием Webpack, если я строю с помощью Webpack -w редактирование файла с помощью другого редактора вызовет смотреть, но если я редактирую файл с помощью Webstorm, ничего не случится. я наткнулся на это post, который, кажется, я не единственный, однако это решение для Ubuntu, поэтому мне было интересно, есть ли что-нибудь подобное для Windows? спасибо ...
Webpack: выход тишины
Я хотел бы знать, есть ли опция конфигурации, чтобы сказать webpack только регистрировать "важную информацию" на терминале. В значительной степени просто ошибки и предупреждения, а не все это: там просто так много выходных! Хотелось бы подавить общие вещи и только иметь webpack выводить предупреждения/ошибки. Хотелось бы решение для webpack,webpack-dev-server и karma-webpack. Примечание: я пробовал noInfo: true и quiet: true но это похоже, это не сработало. Edit: я думаю, что это может быт ...
Отладка с помощью webpack, ES6 и Babel
это похоже на то, что должно было быть относительно просто достичь, но увы. у меня есть класс ES6: 'use strict'; export class BaseModel { constructor(options) { console.log(options); } }; и корневой модуль, который использует его: 'use strict'; import {BaseModel} from './base/model.js'; export let init = function init() { console.log('In Bundle'); new BaseModel({a: 30}); }; моя цель-это: передайте выше через Babel, чтобы получить код ES5 упакуйте модул ...
Правильный путь для img на React.js
у меня есть некоторые проблемы с моими изображениями на моем проекте react. Действительно, я всегда думал, что относительный путь в атрибут src был построен на архитектуре файлов вот моя архитектура файлов: components file1.jsx file2.jsx file3.jsx conainter img js ... однако я понял, что путь был построен на url. В одном из моих компонентов (например, в file1.jsx) у меня есть это: localhost/details/2 <img src="../img/myImage.png" /> -> Works localhost/details/2/id &l ...