«webpack» 태그된 질문

하나의 파일에 대략 5 개의 서로 다른 ES6 클래스로 구성된 비교적 작은 NPM 패키지를 만들었습니다. export default class MyClass { // ... } 그런 다음 다음과 같은 패키지의 시작점을 설정했습니다. export { default as MyClass } from './my-class.js'; export { default as MyOtherClass } from './my-other-class.js'; 그런 다음 webpack과 babel을 …

16 javascript  webpack  babeljs  es6-modules 

약 2 년 전에 create-react-app를 사용하여 생성 된 반응 앱 (app A)이 있는데 추출되었습니다. 앱은 commonjs2 모듈로 내보내지고 NPM 패키지로 제공되어 next.js 프로젝트 (앱 B)에서 사용됩니다. 우리가 사용하는 일반적인 구성 요소가있는 앱 A에서 일부 패키지를 업데이트 할 때까지 모든 것이 순조롭게 진행되었습니다. 앱 B에서 가져올 때 발생하는 오류는 아마도 SSR로 …

16 reactjs  npm  webpack  next.js 

공유 가능한 React 구성 요소 라이브러리를 작성 중입니다. 라이브러리에는 많은 구성 요소가 포함되어 있지만 최종 사용자는 몇 가지 구성 요소 만 사용해야합니다. 당신이 웹팩 (또는 소포 또는 롤업)와 코드를 묶을 때 그것은 하나 개의 단일 파일 생성 모든 코드를 . 성능상의 이유로 실제로 사용하지 않는 한 브라우저에서 해당 코드를 모두 …

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 버전을 만들고 싶습니다. 따라서 모든 CSS를 인라인하여 렌더러에 전달하는 내보낼 부분이 포함 된 HTML 문서를 만듭니다. 렌더러는 노드 리소스에 액세스 할 수 없으므로 모든 것이 인라인됩니다. 글꼴을 제외하고는 완벽하게 작동합니다. url-loader와 bas64-inline-loader를 모두 시도했지만 …

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 

최근에 일부 웹 사이트 최적화 작업을 수행하고 있으며 다음과 같이 import 문을 사용하여 webpack에서 코드 분할을 사용하기 시작합니다. import(/* webpackChunkName: 'pageB-chunk' */ './pageB') pageB-chunk.js를 올바르게 작성하면 이제 pageA에서이 청크 를 프리 페치 하고 싶다고 가정 하고 pageA에 다음 명령문을 추가하여 수행 할 수 있습니다. import(/* webpackChunkName: 'pageB-chunk' */ /* webpackPrefetch: …

9 javascript  webpack  lazy-loading  prefetch 

새로운 프로젝트에서 Vue CLI 3 및 Vuetify 2.1을 사용하고 있으며 최근 Vuetify의 SASS 변수 를 재정의 했습니다 . 마침내 작동시킨 후, 내가 variables.scss만든 파일을 수정 하고 프로젝트를 다시 컴파일 할 때마다 컴파일을 마치는 데 5 분 정도 걸립니다. Node. 사용중인 메모리를 늘리기 위해 package.json 스크립트를 업데이트하려고 시도했지만 컴파일 오류가 발생하는 …

9 webpack  vuetify.js  vue-cli 

ASP.Net Core React + Redux를 사용하여 SPA 웹 응용 프로그램을 개발합니다. .Net Core 3.0으로 업데이트 한 후 UseWebpackDevMiddleware 및 AddNodeServices가 더 이상 사용되지 않는 것을 확인했습니다. 새로운 프로젝트 템플릿 React + Redux를 배우지 만 웹팩이나 SSR을 사용하지 않습니다. 1) .Net Core 3.0에서 웹팩 작업의 예 또는 정보를 찾을 수있는 곳은 …

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