«webpack» 태그된 질문

Webpack은 JavaScript 모듈 번 들러입니다. Webpack은 종속성이있는 모듈을 가져 와서 해당 모듈을 나타내는 정적 자산을 생성합니다. Webpack의 주요 기능은 확장성에 뿌리를두고 있으며 개발자가 웹 아키텍처 및 웹 성능에서 모범 사례를 사용할 수 있도록합니다.


23
Webpack :“대소 문자 만 다른 이름을 가진 모듈이 여러 개 있습니다.”그러나 참조 된 모듈은 동일합니다.
webpack 3.8.1을 사용하고 있으며 다음 빌드 경고의 여러 인스턴스를 받고 있습니다. WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: * /Users/path/to/babel-loader/lib/index.js!/Users/path/to/NavBar/MainMenuItemMobile.js Used by …

4
Chunk.entrypoints : Chunks.groupsIterable을 사용하고 대신 Entrypoint 인스턴스별로 필터링합니다.
앱을 시작하려고 할 때 다음 오류가 표시됩니다. > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 at Array.forEach (<anonymous>) at …

19
잘못된 구성 개체입니다. API 스키마와 일치하지 않는 구성 개체를 사용하여 Webpack이 초기화되었습니다.
온라인 코스에서 만든이 간단한 helloworld 반응 앱이 있지만이 오류가 발생합니다. 잘못된 구성 개체입니다. API 스키마와 일치하지 않는 구성 개체를 사용하여 Webpack이 초기화되었습니다. -구성에 알 수없는 속성 'postcss'가 있습니다. 다음 속성은 유효합니다. object {amd ?, bail ?, cache ?, context ?, dependencies ?, devServer ?, devtool ?, entry, externals ?, loader …

10
사전 설정 파일은 개체를 내보낼 수 없습니다.
내가 얻고 index.js빌드 하려는 회전 목마 파일이 block.build.js있으므로 다음 과 webpack.config.js같습니다. var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', 'es2015'], plugins: ['transform-class-properties'] } …

6
ES6 모듈 구현, json 파일로드 방법
https://github.com/moroshko/react-autosuggest 에서 예제를 구현하고 있습니다. 중요한 코드는 다음과 같습니다. import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of …

8
npx 명령을 찾을 수 없습니다.
나는 웹팩 함께 일하고 난 실행해야 ./node_modules/webpack/bin/webpack.js사용 npx. npx webpackwebpack 바이너리 ( ./node_modules/webpack/bin/webpack)를 실행하지만 npx webpack을 실행할 때마다 bash: npx: command not found. 나는 사용하고있다 : 노드 : v9.5.0 npm : 5.6.0 nvm : 1.1.5 웹팩 : 3.11.0
88 node.js  npm  webpack  npx 

5
웹팩을 사용하는 여러 HTML 파일
나는 그것이 가능한지 확실하지 않은 프로젝트에서 무언가를하려고 노력하고 있습니다. 나는 잘못된 방식으로 있거나 무언가를 오해하고 있습니다. 우리는 webpack을 사용하고 있으며, 아이디어는 하나 이상의 html 파일을 제공하는 것입니다. localhost : 8181-> index.html 제공 localhost : 8181 / example.html-> example.html 제공 설명서에 따라 여러 진입 점을 설정하여 수행하려고합니다 . 폴더 구조는 다음과 …

6
바벨을 사용한 후 IE에서 '기호'가 정의되지 않았습니다.
reactjsES6 표준을 사용하여 작성된 앱 이 있으며 webpack이를 빌드 하는 데 사용합니다. webpack로드 js사용하여 모듈 babel-loader. 구체적으로 다음 버전의 패키지를 사용합니다. ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 그러나 빌드 후 IE 10에서는 다음과 같은 오류가 발생 'Symbol' is undefined합니다. babel를 정의 해야하지 Symbol않습니까? 특정 구성이 webpack있거나 babel작동하도록 설정해야합니까? …

7
충돌 : 여러 자산이 동일한 파일 이름으로 방출됩니다.
나는 그것에 대해 모든 것을 배우고 싶은 웹팩 신인입니다. 내 웹팩을 실행할 때 충돌이 발생했습니다. ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js 충돌을 피하려면 어떻게해야합니까? 이것은 내 webpack.config.js입니다. module.exports = { context: __dirname + "/app", entry: { 'javascript': "./js/app.js", 'html': "./index.html", }, …

3
Webpack의 로더 순서는 무엇입니까?
파일과 일치하는 여러 테스트가있는 로더 구성이있는 경우 첫 번째 일치하는 로더 만 사용되기를 기대하지만 그렇지 않은 것 같습니다. 나는 소스를 읽으려고 시도했지만 내가 로딩을 구현한다고 생각하는 비트를 찾았을 때도 그것이 어떻게 작동하는지 이해할 수 없습니다. 문서 는 상황이 어떻게 작동해야하는지 언급하지 않습니다.
87 webpack 

3
Webpack-중요 종속성 : 종속성 요청은 표현식입니다.
request베어 본 웹팩 프로젝트에서 가져올 때 세 가지 경고 메시지가 표시됩니다 . 버그를 재현하는 최소한의 예는 GitHub (run npm install및 npm start) 에서 사용할 수 있습니다 . Critical dependency: the request of a dependency is an expression 이 경고를 어떻게 없앨 수 있습니까? 추가 정보: Webpack require은 최소한의 번들을 만들기 …
86 webpack  request  ajv 

7
웹팩을 사용하여 CSS와 JS를 별도로 생성 할 수 있습니까?
나는 가지고있다: 번들하려는 JS 파일. CSS로 컴파일하려는 파일이 적습니다 (@imports를 단일 번들로 해결). 나는 이것을 두 개의 개별 입력으로 지정하고 두 개의 개별 출력을 갖기를 원했습니다 (아마도 extract-text-webpack-plugin을 통해). Webpack에는 컴파일을 수행 할 수있는 모든 적절한 플러그인 / 로더가 있지만 분리를 좋아하지 않는 것 같습니다. 나는 require('./app.less');웹팩에 번들에 파일을 포함하도록 …

5
node_modules를 제외하지 않는 Webpack
나는 내가 구축하고있는 Node 프레임 워크에 webpack을 사용하고 있습니다. (물론 gulp를 사용해야 할 것입니다.) 내가 EJS 모듈을 포함하면, webpack은 node_modules dir을 제외하도록 명시 적으로 지시하더라도 컴파일 된 소스에 포함합니다. module.exports = { context: __dirname, target: 'node', // ... output: { libraryTarget: 'commonjs' // ... }, module: { loaders: [ { …

5
'babel-core'모듈을 찾을 수 없음에 오류가 있습니다. react.js, 웹팩, 익스프레스 서버 사용
webpack터미널에서 실행할 때마다 다음 을 얻습니다. Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' 다음은 내 webpack.config.js 파일입니다. module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } } …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.