Запитання з тегом «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. Будь-яке вирішення …

100 reactjs  webpack  webpack-2 

Ось мій поточний робочий процес для імпорту зображень та піктограм у веб-пакет через 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 src={turtle} …

99 reactjs  webpack  ecmascript-6 

Я працюю над веб-додатком React, використовуючи веб-пакет, вільно поруч із цим посібником . Випадково я додав папку node_modules до свого git. Потім я знову видалив його за допомогою git rm -f node_modules/*. Тепер, коли я намагаюся запустити сервер webpack, я отримую таку помилку: > webpack-dev-server -d --config webpack.dev.config.js --content-base public/ …

97 node.js  npm  webpack 

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

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

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

96 optimization  webpack 

Мене цікавить кеш пам'яті chrome проти кеш-пам'яті диска? Я використовую веб-пакет, плагін із загальними фрагментами та генерую всі свої файли за допомогою chunkhash. Чим відрізняється пам’ять від кешу диска. Коли я перезавантажую свою сторінку, деякі файли завантажуються з кешу пам'яті, а деякі - з кешу диска (bundle.js та image.jpg з …

96 google-chrome  caching  webpack 

Я створив веб-сайт з React.js та webpack . Я хочу використовувати шрифти Google на веб-сторінці, тому я розміщую посилання у розділі. Шрифти Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> І встановіть CSS body{ font-family: 'Bungee Inline', cursive; } Однак це не працює. Як я можу вирішити цю проблему?

96 reactjs  webpack  google-font-api 

Я щойно створив абсолютно нову кутовий-кліпроекту та запустив 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 --watchі після редагування своїх файлів JS це не викликає автоматичної перекомпіляції. Я спробував перевстановити webpackuse, npm uninstallале він все ще не працює. Якісь ідеї?

95 javascript  webpack  fsevents 

У моєму додатку є велика кількість файлів javascript, розділених на 4 підкаталоги. У грунті я захоплюю їх усіх і збираю в один файл. Ці файли не мають функції module.exports. Я хочу використовувати webpack і розділити його на 4 частини. Я не хочу вручну входити і вимагати всіх моїх файлів. Я …

95 javascript  build  webpack 

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

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

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

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

У мене є кілька речей для розробки - наприклад, макети, якими я хотів би не здути мій розподілений файл збірки. У RequireJS ви можете передати конфігурацію у файлі плагіна і на основі цього вимагати умови. Для webpack, здається, не існує способу зробити це. По-перше, для створення конфігурації середовища виконання для …

93 javascript  build  conditional  require  webpack 

Я бачу лише фактичну програму під /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/ …

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

Напр @import url("~./foobar"); Побачив тут , не впевнений, що це щось конкретне для пакету, чи це фактичний синтаксис CSS.

93 css  webpack  webpack-style-loader