«webpack» 태그된 질문

가장 인기있는 JavaScript 패키지 관리자, 번 들러 및 작업 러너에 대한 지식을 요약하려고합니다. 내가 틀렸다면 저를 정정하십시오. npm& bower패키지 관리자입니다. 그들은 단지 의존성을 다운로드하고 스스로 프로젝트를 빌드하는 방법을 모른다. 그들이 아는 것은 모든 의존성을 가져온 후 webpack/ gulp/ 호출 grunt하는 것입니다. bower는 같지만 npm평평한 종속성 트리를 만듭니다 ( npm재귀 적으로 …

1886 gruntjs  npm  gulp  bower  webpack 

내 응용 프로그램에서 Webpack을 사용하고 있는데 모든 JavaScript 파일 / 코드에 대해 bundle.js와 jQuery 및 React와 같은 모든 라이브러리에 대해 vendor.js라는 두 개의 진입 점을 만듭니다. jQuery를 종속 플러그인으로 사용하고 vendor.js에도 플러그인을 사용하려면 어떻게해야합니까? 해당 플러그인에 여러 종속성이있는 경우 어떻게합니까? 현재이 jQuery 플러그인을 사용하려고합니다-https: //github.com/mbklein/jquery-elastic . Webpack 문서에는 providePlugin 및 …

451 javascript  jquery  amd  webpack 

라이브 웹 서버에서 프로덕션을 위해 Angular (버전 2, 4, 6, ...)를 번들로 묶는 가장 좋은 방법은 무엇입니까? 이후 버전으로 이동할 때 더 잘 추적 할 수 있도록 답변에 Angular 버전을 포함하십시오.

353 angular  webpack  systemjs  angular-cli 

npx create-react-appnpm v7.0.7 및 Node v15.0.1에서 다음 명령을 사용하여 빈 React 프로젝트를 만들었습니다. 설치됨 : React v17.0.1, node-sass v5.0.0, 그런 다음 빈 .scss 파일을 앱 구성 요소로 가져 오려고했습니다. App.js import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default App; 오류 발생 : Failed …

337 reactjs  webpack  create-react-app  node-sass  sass-loader 

에서 Gulp로 이동하려고 합니다 Webpack. 에서 Gulp나는 복사하는 모든 파일 및 폴더 작업이 / 정적 / 폴더 / 구축 / 폴더에 있습니다. 어떻게 Webpack합니까? 플러그인이 필요합니까?

330 javascript  webpack 

나는 웹팩을 처음 접했고 소스 맵을 생성하도록 설정해야한다. webpack serve성공적으로 컴파일되는 명령 줄에서 실행 중 입니다. 하지만 정말 소스 맵이 필요합니다. 이것은 나의webpack.config.js 입니다. var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: …

328 javascript  webpack  build-process  babeljs  source-maps 

각도 앱을 gulp에서 webpack으로 변환하려고합니다. gulp에서 나는 gulp-preprocess를 사용하여 NODE_ENV에 따라 html 페이지의 일부 변수 (예 : 데이터베이스 이름)를 바꿉니다. 웹팩으로 비슷한 결과를 얻는 가장 좋은 방법은 무엇입니까?

306 javascript  webpack 

새 vue.js 프로젝트를 시작하고 vue-cli 도구를 사용하여 새 웹팩 프로젝트 (예 :)를 스캐 폴딩했습니다 vue init webpack. 생성 된 파일을 살펴보면서 파일에서 다음과 같은 가져 오기를 발견했습니다 src/router/index.js. import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // <- this one is what my qusestion is about …

273 javascript  webpack  ecmascript-6  vue.js 

Angular 2 이상과 Angular CLI를 사용하고 있습니다. 프로젝트에 폰트를 추가하려면 어떻게해야합니까?

269 angular  webpack  angular-cli 

웹팩 문서 상태 output.publicPath: output.path자바 스크립트의보기에서. 이것이 실제로 무엇을 의미하는지 자세히 설명해 주시겠습니까? Webpack이 결과를 출력 해야하는 위치를 사용 output.path하고 output.filename지정하지만 무엇을 넣을 output.publicPath것인지 , 그리고 필요한지 확실하지 않습니다. module.exports = { output: { path: path.resolve("./examples/dist"), filename: "app.js", publicPath: "What should I put here?" } }

250 javascript  webpack 

Webpack의 Hot Module Replacement에 대한 몇 페이지를 읽었습니다 . 그것을 사용 하는 샘플 앱 도 있습니다 . 나는이 모든 것을 읽었지만 여전히 아이디어를 얻지 못했습니다. 그것으로 무엇을 할 수 있습니까? 프로덕션 환경이 아닌 개발 환경에서만 사용해야합니까? LiveReload와 비슷하지만 직접 관리해야합니까? WebpackDevServer는 어떤 방식으로 LiveReload와 통합됩니까? 페이지를 다시로드하지 않고 LiveReload와 같은 …

245 javascript  module  livereload  webpack 

두 가지 질문이 있습니다. 1) CSS 로더 와 스타일 로더 는 두 개의 웹팩 로더입니다. 나는 둘 사이의 차이점을 파악할 수 없었다. 둘 다 동일한 작업을 수행 할 때 두 개의 로더를 사용해야하는 이유는 무엇입니까? 2) 위의 Readme.md 파일에서 언급 된이 .useable.less 및 .useable.css는 무엇입니까?

238 webpack  webpack-style-loader 

여기 내 webpack.config.js var webpack = require("webpack"); module.exports = { entry: "./entry.js", devtool: "source-map", output: { path: "./dist", filename: "bundle.min.js" }, plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] }; 나는 건물 $ webpack 내 dist폴더에는 bundle.min.js bundle.min.js.map 나는 또한 압축되지 않은 것을보고 싶습니다 bundle.js

233 javascript  node.js  webpack 

첫 번째 Angular 응용 프로그램을 만들고 있는데 모듈 로더의 역할이 무엇인지 알아낼 것입니다. 왜 필요한가요? Google에서 검색 및 검색을 시도했는데 왜 애플리케이션을 실행하기 위해 그 중 하나를 설치해야하는지 이해할 수 없습니까? import노드 모듈에서 물건을로드 하는 데 사용 하는 것만으로는 충분하지 않습니까? 나는 따랐다 이 튜토리얼 (사용 SystemJS가 있음)하고 나를 사용할 …

222 angular  webpack  systemjs  node-modules 

프로젝트에서 일부 ES6 코드를 실행하려고하는데 예기치 않은 토큰 내보내기 오류가 발생합니다. export class MyClass { constructor() { console.log("es6"); } }

221 javascript  ecmascript-6  webpack  babel