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

Реализую пример из https://github.com/moroshko/react-autosuggest Важный код выглядит так: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of strings, …

88 javascript  json  reactjs  webpack 

Я пытаюсь импортировать тему из модуля CSS, но TypeScript выдает ошибку «Не удается найти модуль», и тема не применяется во время выполнения. Я думаю, что что-то не так с моей конфигурацией Webpack, но я не уверен, в чем проблема. Я использую следующие инструменты: "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": …

88 typescript  import  sass  webpack  css-modules 

У меня есть reactjsприложение, написанное с использованием стандартов ES6, и я использую его webpackдля его создания. В webpackзагружает jsмодули , использующие babel-loader. Если быть точным, я использую следующие версии пакетов: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Однако после сборки IE 10 выдает следующую ошибку 'Symbol' is undefined. Разве …

87 reactjs  webpack  babeljs 

Я новичок в Webpack, который хочет узнать об этом все. Я столкнулся с конфликтом при запуске своего веб-пакета, который сказал мне: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js Что мне делать, чтобы избежать конфликта? Это мой webpack.config.js: module.exports = { context: __dirname …

87 javascript  node.js  webpack  config  conflict 

Я пытаюсь сделать что-то в проекте, но я не уверен, что это возможно, я ошибаюсь или что-то не понимаю. Мы используем webpack, и идея состоит в том, чтобы обслуживать более одного файла HTML. localhost: 8181 -> обслуживает index.html localhost: 8181 / example.html -> обслуживает example.html Я пытаюсь сделать это, установив …

87 webpack  webpack-dev-server 

У меня есть файл карусели, который я хочу получить index.jsи построить block.build.js, поэтому мой webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', …

87 reactjs  webpack  babeljs 

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

86 webpack 

У меня есть: JS-файлы, которые я хочу связать. МЕНЬШЕ файлов, которые я хочу скомпилировать в CSS (преобразование @imports в один пакет). Я надеялся указать их как два отдельных входа и иметь два отдельных выхода (вероятно, через extract-text-webpack-plugin). Webpack имеет все необходимые плагины / загрузчики для компиляции, но, похоже, ему не …

86 javascript  css  webpack  build  css-preprocessor 

Я использую webpack 3.8.1 и получаю несколько экземпляров следующего предупреждения о сборке: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: * /Users/path/to/babel-loader/lib/index.js!/Users/path/to/NavBar/MainMenuItemMobile.js Used …

86 webpack  webpack-hot-middleware 

У меня есть font-awesome в папке node_modules, поэтому я пытаюсь импортировать его в свой основной файл .scss следующим образом: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Но компиляция пакета Webpack не работает, сообщая мне Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot потому что файл font-awesome.scss ссылается на относительный путь, '../fonts/'. Как я могу указать scss …

85 node.js  sass  npm  font-awesome  webpack 

Я использую webpack для фреймворка Node, который я создаю (хотя, по общему признанию, мне, вероятно, следует использовать gulp). Когда я включаю модуль EJS, webpack включает его в скомпилированный исходный код, даже если я явно указываю ему исключить каталог node_modules. module.exports = { context: __dirname, target: 'node', // ... output: { …

85 javascript  webpack 

Я изучаю идею использования Webpack с Backbone.js . Я следил за кратким руководством по началу работы и имел общее представление о том, как работает Webpack, но мне неясно, как загрузить библиотеку зависимостей, такую ​​как jquery / backbone / underscore. Должны ли они загружаться извне, <script>или это то, что Webpack может …

84 backbone.js  requirejs  amd  webpack 

Когда я запускаю webpackтерминал, я получаю: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Вот мой файл webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } } …

84 javascript  express  reactjs  webpack  babeljs 

Я играл с WebPack и во время сборки я вижу его вывод: + 27 hidden modules. Что это значит? Обнаруживает ли я глобальные константы, которые я использую, не требуя их?

83 javascript  build  webpack 

Я использую webpack для создания своих реагирующих компонентов, и я пытаюсь использовать его, extract-text-webpack-pluginчтобы отделить свой css от сгенерированного файла js. Однако, когда я пытаюсь построить компонент я получаю следующее сообщение об ошибке: Module build failed: ReferenceError: window is not defined. Мой файл webpack.config.js выглядит так: var webpack = require('webpack'); …

83 reactjs  webpack