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

Я использую псевдонимы пути webpack для загрузки модуля ES6. Например, если я определю псевдоним utilsвместо чего-то вроде import Foo from "../../../utils/foo", я могу сделать import Foo from "utils/foo" Проблема в том, что как только я начинаю использовать псевдонимы, WebStorm теряет отслеживание импорта, и у меня остаются предупреждения и нет автозаполнения. …

83 javascript  webstorm  webpack  es6-module-loader 

Я понимаю, что он CommonsChunkPluginпросматривает все точки входа, проверяет, есть ли между ними общие пакеты / зависимости, и разделяет их на отдельные пакеты. Итак, предположим, что у меня следующая конфигурация: ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency entry2 : 'entry2.js', //which has 'jquery as …

82 javascript  webpack  bundle  webpack-plugin  commonschunkplugin 

Я пытаюсь использовать webpack-dev-server для компиляции файлов и запуска веб-сервера dev. В моем package.jsonслучае свойство script установлено на: "scripts": { "dev": "webpack-dev-server --hot --inline", } Таким образом, --hotи --inlineследует включить веб-сервер и горячую перезагрузку (насколько я понимаю). В своем webpack.config.jsфайле я установил параметры ввода, вывода и devServer, а также добавил …

82 javascript  webpack  vue.js  webpack-dev-server 

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

40 javascript  html  webpack 

Я пытаюсь использовать typescript 3.7такие функции, как Optional Chaining, Nullish Coalescing. Но 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: | export …

21 typescript  webpack  ts-loader 

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

16 javascript  webpack  babeljs  es6-modules 

У меня есть приложение «Реакция» (приложение А), созданное около 2 лет назад с использованием команды «создать-реакция», и оно было удалено. Приложение экспортируется как модуль commonjs2 и поставляется в пакете NPM для использования в проекте next.js (приложение B). Все шло гладко, пока я не обновил некоторые пакеты в приложении A, в …

16 reactjs  npm  webpack  next.js 

Я создаю разделяемую библиотеку компонентов React. Библиотека содержит много компонентов, но конечному пользователю может понадобиться использовать только некоторые из них. Когда вы связываете код с помощью Webpack (или Parcel или Rollup), он создает один файл со всем кодом . Из соображений производительности я не хочу, чтобы весь этот код загружался …

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 = { ... , settings: …

9 javascript  webpack  babel  eslint 

Недавно я работал над некоторыми работами по оптимизации веб-сайта, и я начал использовать разбиение кода в веб-пакете, используя следующую инструкцию импорта: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Что правильно создает pageB-chunk.js , теперь, скажем, я хочу предварительно извлечь этот чанк в pageA, я могу сделать это, добавив этот оператор в 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