웹사이트 검색
Rollup TypeScript: dist + cjs + es에 선언
저는 선언(declaration, d.ts) 파일과 함께 TypeScript 라이브러리를 rollup으로 패키징하려고 하고 있으며, cjs와 es 버전 모두를 출력하고 싶습니다.
그래서 나는 이 롤업 설정을 생각해냈습니다:
const {nodeResolve} = require('@rollup/plugin-node-resolve') const nodeExternals = require('rollup-plugin-node-externals'); const json = require('@rollup/plugin-json'); const commonjs = require('@rollup/plugin-commonjs'); const typescript = require('rollup-plugin-typescript2'); const packagePlugin = require('@mpen/rollup-plugin-package'); const clean 더 많은 것을 읽으십시오 →node.js - CJS에서 ES 모듈로의 임포트를 허용하도록 TS를 구성하는 방법(node-fetch & Express)?
나는 한 프로젝트에서 두 개의 라이브러리를 실행하려고 하고 있습니다: ES 모듈인 fetch-node와 CommonJS인 Express입니다. 문제는 fetch-node를 다음과 같이 가져와야 한다는 것입니다:
import fetch from 'node-fetch';하지만 Express는 저에게 이렇게 가져오라고 요구합니다:
const 더 많은 것을 읽으십시오 →자바스크립트 - 타입스크립트에서의 KineticJS 도형
저는 다음의 kineticjs JavaScript 코드를 기반으로 도형을 만들려고 하고 있습니다:
var triangle = new Kinetic.Shape({ drawFunc: function(canvas) { var context = canvas.getContext(); context.beginPath(); context.moveTo(200, 50); context.lineTo(420, 80); context.quadraticCurveTo(300, 100, 260, 170); context.closePath(); canvas.fillStroke(this); }, fill: '#00D2FF', stroke: 'black', strokeWidth: 4 });이것은 다음에서 찾을 수 있는 샘플입니다: http:/
더 많은 것을 읽으십시오 →자바스크립트 - 기본 클래스 인스턴스화 결과 TypeError 발생 (ESM/CJS 상호 운용성)
문제 요약
안녕,
저는 TypeScript 프로젝트에서 다른 패키지의 기본 내보내기(default export)였던 클래스를 인스턴스화하려고 하고 있습니다. 제 프로젝트는 ESM 문법으로 작성되어 있는 반면, 의존하고 있는 패키지는 CJS 출력물을 가지고 있습니다. 제가 직면한 문제는 런타임에서 클래스 인스턴스화 지점에 도달했을 때 다음과 같은 오류가 발생한다는 것입니다 -
new TestClass({ a 더 많은 것을 읽으십시오 →모노레포에서 타입스크립트 프로젝트 참조를 사용하여 cjs 및 esm 빌드하기
저는 증분 빌드를 사용하여 CJS, Yarn 워크스페이스 및 프로젝트 참조와 함께 TypeScript 모노레포 프로토타입 설정을 구축하고 실행하고 있습니다:
https://github.com/rosskevin/learn-a/tree/build-cjs-esm
각 프로젝트에서 tsc -b가 기본 tsconfig.json을 사용하고 그것들이 cjs용으로 설정되어 있으므로, 커맨드 라인을 통해 간단히 덮어쓰기를 전달하고 싶습
더 많은 것을 읽으십시오 →javascript - fabricjs 객체를 클릭하여 그 아래 객체를 선택하는 방법 (evented 속성을 사용하지 않고)
fabricjs 객체를 다음과 같이 "잠금" 상태로 만드는 방법은 무엇인가요:
- 선택할 수 없습니다 (obj.selectable=false)
- 마우스 오른쪽 클릭에 대한 'mousedown' 이벤트 허용 (obj.evented가 true여야 함)
- 호버 상태/이벤트 없음 (마우스가 이 객체 위로 올릴 때 감지하지 않거나 커서를 변경하지 않음)
- 마우스로 그 아래에 있는 객체를 클릭할 수 있게 합니다 (마우스가 이를 통해 객체에 접근할 수 있음)
나는 'evented' 속성을 처리하는 코드를 찾아보려고 했지만, 소스에서 찾을 수 없었다. evented 속성은 객체를 투명하게(즉, 클릭할 수 있게) 만들지만, 'mousedown' 이벤트를 제거한다.
이것은 객체 잠금/잠금 해제 기능이 있는 컨텍스트 메뉴를 구현해야 하는 제 상황에서 필요합니다. 객체가 잠겨 있어도 다시 우클릭하여 컨텍스트 메뉴를
더 많은 것을 읽으십시오 →angular - fabricjs로 텍스트 상자를 크기 조절할 때 텍스트 스케일링을 방지하는 방법
저는 FabricJs에 새로 입문한 사람이고, 제 관심사는 텍스트박스 크기 조정에 관한 것입니다. 저는 텍스트박스를 수직과 수평으로 조정할 수 있게 하는 다음과 같은 해결책을 가지고 있지만, 동시에 조정할 수는 없습니다. 텍스트가 크기 조정되지 않으면서 동시에 두 방향 모두 조정할 수 있는 방법을 찾으려고 했습니다. 해결책을 찾는 데 도움을 주실 수 있나요?
여기에 제 jsfiddle 예제 링크가 있습니다: http://jsfiddle.net/vstefani/s7yfu93w/27/
더 많은 것을 읽으십시오 →ES6 모듈 - TypeScript가 ESM과 CJS 의존성을 모두 가져올 수 있나요?
저는 NPM으로 설치한 의존성을 사용하는 TypeScript 애플리케이션을 작성하고 있습니다:
- 이러한 종속성 중 일부는 CJS를 통해 내보냅니다
- 이러한 종속성 중 일부는 ESM을 통해 내보냅니다
이 모든 종속성을 투명하게 사용할 수 있게 해주는 tsconfig.json 설정이 있을까요?
답변 #1
네, 할 수 있어요!
예를 들어, 이것은 ESM 종속성(chalk)과 common.js 종속
더 많은 것을 읽으십시오 →javascript - fabricjs 텍스트 상자 크기를 텍스트 선택에 맞게 조정
저는 다음과 같이 새로운 Textbox를 생성하는 코드 조각이 있습니다:
new fabric.Textbox('Ajouter du texte')문제는 텍스트 상자가 내용에 비해 너무 작다는 것입니다:
고정 너비를 설정하면 주변에 일부 여백이 생깁니다:
new fabric.Textbox('Ajouter du texte', {width: 350}) 더 많은 것을 읽으십시오 →typescript - "Canvas는 생성자가 아닙니다" 오류 - Angular 6에서 FabricJS 사용
저는 최근 Angular 5에서 6으로 업그레이드된 프로젝트에서 작업하고 있습니다. 저는 데이터에서 이미지를 그려야 하는 새로운 기능을 추가하고 있어서, 이를 위해 Canvas와 SVG DOM 객체를 사용하려고 시도하고 있습니다. FabricJS에는 제가 필요한 많은 기능들이 있습니다.
어젯밤에 프로젝트에 추가하려고 시도했습니다. 웹사이트에서 FabricJS의 전체 DEV/MIN 버전, v2.3.3을 다운로드했습니다. 그런 다음 node_modules 폴더에 'fabric' 폴더를 만들고 *.js 파일들을 그 안에 넣었습니다. 그 후 angular.json 파일을 다음과 같이 편집했습니다:
"scripts": [ "node_modules/fabric/fabric.js" ]그런 다음 이것과 함께 typings.d.ts 파일을 만들
더 많은 것을 읽으십시오 →