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

Я пытаюсь импортировать компоненты из реакции-материализации как - import {Navbar, NavItem} from 'react-materialize'; Но когда веб-пакет компилирует мой, .tsxон выдает ошибку для вышеуказанного: ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Любое решение для этого. …

99 reactjs  webpack  webpack-2 

Меня интересует кеш памяти Chrome против кеша диска? Я использую webpack, плагин common chunks и генерирую все свои файлы с помощью chunkhash. Чем память отличается от дискового кеша. Когда я перезагружаю свою страницу, некоторые файлы загружаются из кеша памяти, а некоторые из кеша диска (bundle.js и image.jpg из кеша памяти …

98 google-chrome  caching  webpack 

Я работаю над веб-приложением React, используя веб-пакет, в некоторой степени вместе с этим руководством . Случайно я добавил в свой git папку node_modules. Затем я снова удалил его, используя git rm -f node_modules/*. Теперь, когда я пытаюсь запустить сервер webpack, я получаю следующую ошибку: > webpack-dev-server -d --config webpack.dev.config.js --content-base …

98 node.js  npm  webpack 

Прошлое исследование: Как говорится в wiki webpack, можно использовать инструмент анализа для оптимизации производительности сборки: из: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Подсказки от статистики сборки Существует инструмент анализа, который визуализирует вашу сборку, а также дает некоторые подсказки, как можно оптимизировать размер сборки и производительность сборки . Вы можете создать требуемый файл JSON, запустив webpack …

96 optimization  webpack 

У меня проблема, когда исходные карты, созданные Webpack с использованием параметра inline-source-mapконфигурации, отключаются на одну строку, когда я использую отладчик Chrome devtools. Webpack настраивается внутри приложения Ruby on Rails для создания конкатенированного неминифицированного файла JavaScript, состоящего из пары десятков модулей. Большинство этих модулей являются компонентами ReactJS и анализируются jsxзагрузчиком. Затем …

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps 

Я пробовал запустить, webpack --watchи после редактирования моих файлов JS автоматическая перекомпиляция не запускалась. Я пробовал переустановить webpackс помощью, npm uninstallно он все еще не работает. Любые идеи?

96 javascript  webpack  fsevents 

Я начинаю работать с webpackс node/expressокружающей средой разрабатывающей ReactJSстороны сервера вынесенным приложением с react-router. Я очень запутался в роли каждого пакета webpack для сред dev и prod (runtime). Вот краткое изложение моего понимания: webpack: Пакет, инструмент для объединения различных частей веб-приложения и объединения их в один файл .js (обычно bundle.js). …

96 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

В моем приложении у меня есть большое количество файлов javascript, разделенных на 4 подкаталога. Я хватаю их все и компилирую в один файл. Эти файлы не имеют функции module.exports. Я хочу использовать веб-пакет и разбить его на 4 части. Я не хочу вручную заходить и требовать все свои файлы. Я …

96 javascript  build  webpack 

Я только что создал новый angular-cliproject и запустил npm install bootstrap@4.0.0-beta jquery popper.js --save и изменил связанные части .angular-cli.json, как показано ниже "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], однако получение ошибки ниже 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js …

95 twitter-bootstrap  angular  webpack  popper.js 

Я очень новичок в webpack, я обнаружил, что в производственной сборке мы можем уменьшить размер общего кода. В настоящее время webpack собирает около 8 МБ файлов, а main.js - около 5 МБ. Как уменьшить размер кода в производственной сборке? Я нашел образец файла конфигурации веб-пакета из Интернета, я настроил свое …

95 node.js  reactjs  npm  webpack  webpack-dev-server 

У меня есть кое-что для разработки - например, моки, которыми я не хотел бы загромождать свой файл распределенной сборки. В RequireJS вы можете передать конфигурацию в файле плагина и условно потребовать что-то в зависимости от этого. Для webpack, похоже, нет способа сделать это. Во-первых, чтобы создать конфигурацию времени выполнения для …

95 javascript  build  conditional  require  webpack 

Я создал vue webpackпроект, используя vue-cli. vue init webpack myproject А затем запустил проект в devрежиме: npm run dev У меня такая ошибка: Не удалось загрузить ресурс: сервер ответил статусом 404 (не найден) http: // localhost: 8080 / favicon.ico Итак, как правильно импортировать внутри webpack favicon.ico?

94 html  ecmascript-6  webpack  vue.js  favicon 

Я вижу только настоящее приложение под /public. Конфиги webpack.config.jsниже: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } ] …

92 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Я хотел бы знать, есть ли опция конфигурации, чтобы указать webpack, чтобы он регистрировал только «важную информацию» в терминале. В основном просто ошибки и предупреждения, а не все это: Так много продукции! Хотелось бы подавить обычные вещи, и только webpack выводит предупреждения / ошибки. Хотел решение для webpack, webpack-dev-serverи karma-webpack. …

90 webpack  webpack-dev-server 

Я работаю с webpack, и мне нужно выполнить ./node_modules/webpack/bin/webpack.jsusing npx. npx webpackбудет запускать двоичный файл webpack ( ./node_modules/webpack/bin/webpack), но каждый раз, когда я выполняю npx webpack, я получаю bash: npx: command not found. Я использую: узел: v9.5.0 npm: 5.6.0 nvm: 1.1.5 веб-пакет: 3.11.0

88 node.js  npm  webpack  npx