«webpack» 태그된 질문

내가 사용하고 웹팩을 관리 reactjs 프로젝트를. webpack으로 자바 스크립트로 이미지를로드하고 싶습니다 file-loader. 다음은 webpack.config.js입니다 . const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { entry: { jsx: './app/index.jsx', }, output: …

141 javascript  reactjs  webpack 

webpack으로 전역 변수를 정의하여 다음과 같은 결과를 얻을 수 있습니까? var myvar = {}; 내가 본 모든 예제는 외부 파일을 사용하고있었습니다. require("imports?$=jquery!./file.js")

138 javascript  webpack  webpack-2  webpack-3 

내 오류 출력 : 잘못된 구성 개체입니다. API 스키마와 일치하지 않는 구성 오브젝트를 사용하여 웹팩이 초기화되었습니다. -configuration.module에 알 수없는 'loaders'속성이 있습니다. 객체 {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRequest ?, unsafeCache ?, wrappedContextCritical ?, wrappedContextRecursive ?, …

136 reactjs  webpack 

나는 Reactand를 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에 작성되어 있음을 깨달았습니다. 내 구성 요소 중 하나 (예 : file1.jsx)에 다음이 있습니다. localhost/details/2 <img src="../img/myImage.png" /> …

135 javascript  reactjs  webpack 

에 의해 초기화 된 간단한 응용 프로그램이 angular-cli있습니다. 3 개의 경로와 관련된 일부 페이지를 표시합니다. 세 가지 구성 요소가 있습니다. 이 페이지 I 사용 중 하나에 lodash일부 데이터를 얻을 수 및 각도 2 HTTP 모듈 (RxJS 사용 Observable들, map그리고 subscribe). 간단한 요소를 사용하여 이러한 요소를 표시합니다 *ngFor. 그러나 내 앱이 …

135 angular  webpack  angular-cli 

reactjs를 처음 사용하고 반응식 앱에 부트 스트랩을 포함하고 싶습니다. 부트 스트랩을 설치했습니다. npm install bootstrap --save 이제 반응 앱에 부트 스트랩 CSS와 js를로드하려고합니다. 웹팩을 사용하고 있습니다. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, …

135 twitter-bootstrap  reactjs  webpack 

업데이트 : 2018 년 12 월 ( 'Aniket'답변 참조) Angular CLI 6에서는 ng eject가 더 이상 사용되지 않으며 8.0에서 곧 제거 될 예정이므로 빌더를 사용해야합니다. 업데이트 : 2018 년 6 월 : Angular 6은 ng eject를 지원하지 않습니다 ** 업데이트 : 2017 년 2 월 : ng eject 사용 업데이트 …

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 to my repo]/src' Parsed request is a …

131 npm  webpack  commonjs  webpack-2  package.json 

나는 webpack을 처음 사용하고 기존 웹 응용 프로그램을 사용하도록 변환하고 있습니다. 웹 패키지를 사용하여 JS를 번들로 만들고 축소하는 것은 배포 할 때 훌륭하지만 개발 중에 디버깅하기가 매우 어렵습니다. 일반적으로 Chrome의 내장 디버거를 사용하여 JS 문제를 디버깅합니다. (또는 firefox의 Firebug). 그러나 webpack을 사용하면 모든 파일이 하나의 파일에 채워지고 해당 메커니즘을 사용하여 …

130 javascript  webpack 

이 클래스 (typescript로 작성)가 있고 webpack과 함께 번들로 묶었다고 가정하십시오 bundle.js. export class EntryPoint { static run() { ... } } 내 index.html에 번들을 포함시킬 것이지만 정적 메소드를 호출하고 싶습니다. <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } </script> 그러나이 EntryPoint경우에는 정의되지 않습니다. 그러면 다른 스크립트에서 번들로 제공되는 자바 …

130 javascript  html  typescript  webpack 

중단 점이 작동하도록 Angular 및 VSCode를 구성하려면 어떻게해야합니까?

127 angular  debugging  webpack  visual-studio-code 

저는 React.js를 배우고 있으며 Windows 8 OS를 사용하고 있습니다. 내 루트 폴더로 이동했습니다. 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 am also …

125 npm  webpack 

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와 webpack이 함께 사용되는 거대한 예가 있습니다. 그 이유를 알 수 없었습니다. …

117 gruntjs  gulp  bundler  browserify  webpack