Запитання з тегом «webpack»

Чи можна визначити глобальну змінну за допомогою webpack, щоб отримати щось подібне: var myvar = {}; Усі приклади, які я бачив, використовували зовнішній файл require("imports?$=jquery!./file.js")

138 javascript  webpack  webpack-2  webpack-3 

мій вихід помилки: Недійсний об'єкт конфігурації. Webpack ініціалізований за допомогою об'єкта конфігурації, який не відповідає схемі API. - config.module має невідоме властивість "завантажувачі". Ці властивості: об'єкт {exprContextCritical?, ExprContextRecursive?, ExprContextRegExp?, ExprContextRequest?, NoParse?, Правила?, DefaultRules?, UnknownContextCritical?, UnknownContextRecursive?, UnknownContextRegExp?, UnknownContextRequest?, UnsafeCache?, WrappedContextCritical?, WrappedContextRecursive?, WrappedContextRegExp ?, strictExportPresence ?, strogoThisContextOnImports? } -> Параметри, що впливають …

136 reactjs  webpack 

Я граю навколо Reactі ES6використовую babelі webpack. Я хочу створити кілька компонентів у різних файлах, імпортувати в один файл і зв'язати їхwebpack Скажімо, у мене є кілька таких компонентів: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> …

135 reactjs  ecmascript-6  webpack 

У мене є проблема з моїми зображеннями в моєму проекті реагування. Дійсно, я завжди думав, що відносний шлях до атрибуту src побудований на архітектурі файлів Тут архітектура моїх файлів: components file1.jsx file2.jsx file3.jsx container img js ... Однак я зрозумів, що шлях побудований на URL-адресі. В одному з моїх компонентів …

135 javascript  reactjs  webpack 

У мене є проста програма, ініціалізована користувачем angular-cli. Він відображає деякі сторінки відносно 3 маршрутів. У мене є 3 компоненти. На одній із цієї сторінки я використовую lodashта HTTP модулі Angular 2 для отримання деяких даних (використовуючи RxJS Observables mapта subscribe). Я показую ці елементи за допомогою простого *ngFor. Але, …

135 angular  webpack  angular-cli 

Я новачок для reactjs, я хочу включити завантажувальний засіб у свій додаток для реагування Я встановив завантажувальний програму by npm install bootstrap --save Тепер хочемо завантажити css і js для завантаження у свій додаток для реагування. Я використовую webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', …

135 twitter-bootstrap  reactjs  webpack 

ОНОВЛЕННЯ: грудень 2018 року (див. Відповідь "Анікет") За допомогою Angular CLI 6 вам потрібно використовувати будівельники, оскільки викидання ng застаріле і незабаром буде видалено в 8.0 ОНОВЛЕННЯ: червень 2018: Кутовий 6 не підтримує витяг ** ОНОВЛЕННЯ: лютий 2017: використовуйте витяг ОНОВЛЕННЯ: листопад 2016 року: angular-cli тепер використовують лише веб-пакет. Вам …

132 angular  webpack  angular-cli 

Я почав використовувати webpack2 (якщо бути точним v2.3.2), і після відновлення конфігурації я продовжую працювати з проблемою, яку я не можу вирішити, я отримую (заздалегідь пробачте за некрасивий дамп): ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' resolve 'components/DoISuportIt' in '[absolute path …

131 npm  webpack  commonjs  webpack-2  package.json 

Я новачок у webpack і перетворюю існуючий веб-додаток для його використання. Я використовую webpack для згуртування та мінімізації мого JS, що чудово під час розгортання, однак це робить дуже складним налагодження під час розробки. Зазвичай я використовую вбудований у налагоджувальник хрому для налагодження проблем JS. (Або Firebug на Firefox). Однак …

130 javascript  webpack 

Припустимо, у мене такий клас (написаний машинописом), і я з'єдную його з webpack в bundle.js. export class EntryPoint { static run() { ... } } У свій index.html я включу пакет, але тоді я також хотів би назвати цей статичний метод. <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } …

130 javascript  html  typescript  webpack 

Як я можу налаштувати Angular та VSCode так, щоб мої точки зупинки працювали?

127 angular  debugging  webpack  visual-studio-code 

Я навчаюсь React.js, і я використовую Windows 8 OS.i, щоб перейти до моєї кореневої папки 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 …

125 npm  webpack 

Я створив порожній проект React, використовуючи команду: npx create-react-appна npm v7.0.7 та Node v15.0.1 Встановлено: React v17.0.1, node-sass v5.0.0, Потім я спробував імпортувати порожній файл .scss до компонента програми: App.js import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default App; Викинути помилку: Failed to …

124 reactjs  webpack  create-react-app  node-sass  sass-loader 

При створенні нового проекту з CLI (v3.7.0), є можливість вибрати між dart-sassабо node-sassкомпілятором. Як вони порівнюються між собою, щоб бути більш конкретними, ніж заявлено в документах Vue ? Порада щодо продуктивності Sass Зверніть увагу, що при використанні Dart Sass синхронна компіляція вдвічі швидша за асинхронну компіляцію за замовчуванням через накладні …

122 vue.js  webpack  sass  vue-cli  node-sass 

Я трохи новачок у світі, який виконує завдання та постачальники, і переживаю такі речі Grunt, Gulp, Webpack, Browserify , Я не відчував, що між ними є велика різниця. Іншими словами, я вважаю, що Webpack може зробити все, що робить виконавець завдань. Але все ж я отримав величезний приклад, коли gulp …

117 gruntjs  gulp  bundler  browserify  webpack