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

Я намагався зрозуміти, як динамічно додавати зображення за допомогою React та Webpack. У мене є папка із зображеннями під src / images та компонент під src / components / index . Я використовую url-loader з наступною конфігурацією для webpack { test: /\.(png|jpg|)$/, loader: 'url-loader?limit=200000' } У межах компонента, який я …

77 reactjs  webpack  image-loading  urlloader 

Спроба зробити щось, на мій погляд, була б дуже простою. Я хотів би імпортувати існуючу бібліотеку JavaScript, а потім викликати її функції. Так, наприклад, я хотів би імпортувати blah.js, а потім викликати blah (). import React from 'react'; import {blah} from 'blah/js/blah.js'; class MyClass extends React.Component { constructor() { super(); …

77 reactjs  ecmascript-6  webpack 

Як встановити кілька входів / виходів файлів у проекті за допомогою webpack? Я стежу за http://webpack.github.io/docs/tutorials/getting-started/ успішною компіляцією, якщо лише один файл в одному вході / виході ... каталог app webpack.config.js ./assets ././javascripts/Administrator/Article/Create/Base.js ././javascripts/Administrator/Article/Edit/Base.js ././javascripts/Account/Index/Base.js ././javascripts/Contact/Index/Base.js ... як вивести так? ././javascripts/Administrator/Article/Create/bundle.js ././javascripts/Administrator/Article/Edit/bundle.js ././javascripts/Account/Index/bundle.js ././javascripts/Contact/Index/bundle.js webpack.config.js module.exports = { entry: { …

77 javascript  node.js  webpack 

Я намагаюся імпортувати файл зображення в один із компонентів реакції. У мене налаштування проекту з веб-пакетом Ось мій код компонента import Diamond from '../../assets/linux_logo.jpg'; export class ItemCols extends Component { render(){ return ( <div> <section className="one-fourth" id="html"> <img src={Diamond} /> </section> </div> ) } } Ось моя структура проекту. Я …

76 javascript  reactjs  webpack 

Я використовую Webpack з HtmlWebpackPlugin, html-loaderі file-loader. У мене проста структура проекту, в якій я не використовую рамки, а лише typecript. Таким чином, я пишу свій HTML код безпосередньо в index.html. Я також використовую цей HTML-файл як мій шаблон HtmlWebpackPlugin. Оскільки всі веб-сайти мені потрібно помістити зображення, яке посилається на …

40 javascript  html  webpack 

Я намагаюся використовувати typescript 3.7такі функції, як Необов'язкове ланцюг, Нуліш коалесценція. Але webpackдає мені помилку під час транспалювання. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may need an additional loader to handle the result of these loaders. app: …

21 typescript  webpack  ts-loader 

Я створив порівняно невеликий пакет NPM, що складається з приблизно 5 різних класів ES6, що містяться в одному файлі кожен, вони виглядають приблизно так: export default class MyClass { // ... } Потім я встановив вхідну точку для мого пакету, яка виглядає приблизно так: export { default as MyClass } …

16 javascript  webpack  babeljs  es6-modules 

У мене є програма реагування (додаток A), створена близько 2 років тому за допомогою create-react-app, і вона викидається. Додаток експортується у вигляді модуля commonjs2 та постачається у пакеті NPM, щоб використовуватись у проекті next.js (додаток B). Все пройшло гладко, поки я не оновив деякі пакунки в додатку A, які містять …

16 reactjs  npm  webpack  next.js 

Я створюю спільну бібліотеку компонентів React. Бібліотека містить багато компонентів, але кінцевому користувачеві може знадобитися використовувати лише деякі з них. Коли ви з'єднуєте код за допомогою Webpack (або посилок, або згуртування), він створює один єдиний файл із усім кодом . З міркувань продуктивності я не хочу, щоб весь цей код …

12 reactjs  npm  webpack  es6-modules  rollup 

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …

12 typescript  vue.js  webpack 

Передумови проблеми: я використовую katex для відображення математики на сторінці. Потім я хочу створити версію PDF частини цієї сторінки, тому я створю HTML-документ, що містить частину, яка повинна бути експортована, що вкладе всі CSS і передаю її рендереру. Візуалізатор не може отримати доступ до ресурсів вузла, тому все вкладено. Він …

10 javascript  css  webpack  data-uri 

У своєму проекті nextjs я склав карту, jsconfig.jsonщоб зробити легкий абсолютний імпорт { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } Мої шляхи імпорту виглядають приблизно так import { VIEW } from '@/src/shared/constants'; У моїх eslintrc.jsналаштуваннях вказано як module.exports = { …

9 javascript  webpack  babel  eslint 

Я нещодавно працюю над деякими оптимізаціями веб-сайтів, і я починаю використовувати розбиття коду в webpack, використовуючи оператор імпорту, як це: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Які правильно створюють pageB-chunk.js , тепер скажімо, що я хочу попередньо встановити цей фрагмент на сторінціA, я можу це зробити, додавши цей вислів у pageA: …

9 javascript  webpack  lazy-loading  prefetch 

Я використовую Vue CLI 3 та Vuetify 2.1 в новому проекті, і нещодавно поглибився в переважаючі змінні SASS Vuetify . Після того, як нарешті я почав працювати, я зрозумів, що кожного разу, коли я змінюю variables.scssстворений мною файл і проект перекомпілюється, для збирання потрібно близько 5 хвилин. Я намагався оновити …

9 webpack  vuetify.js  vue-cli 

Я розробляю SPA-аплікацію за допомогою ASP.Net Core React + Redux. Після оновлення до .Net Core 3.0 я бачу, що UseWebpackDevMiddleware і AddNodeServices є застарілим. Я вивчаю новий шаблон проекту React + Redux, але він не використовує webpack або SSR. 1) Де я можу знайти приклад або інформацію про роботу з …

9 webpack  server-side-rendering  .net-core-3.0  asp.net-core-3.0