«webpack» 태그된 질문

webpack.config에서 ES6을 사용하는 방법은 무엇입니까? 이 repo https://github.com/kriasoft/react-starter-kit 처럼 ? 예를 들어 : 이것을 사용하여 import webpack from 'webpack'; 대신에 var webpack = require('webpack'); 그것은 필요보다는 오히려 호기심입니다.

210 webpack 

현재 webpack / babel을 통해 React 앱에서 ES6을 사용하고 있습니다. 색인 파일을 사용하여 모듈의 모든 구성 요소를 수집하고 내보내고 있습니다. 불행히도 다음과 같습니다. import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; export const Comp3 = Comp3_; …

201 javascript  ecmascript-6  webpack  babeljs 

moment.js웹팩을 사용할 때 모든 로케일을로드 하지 못하게 할 수있는 방법이 있습니까? 나는 소스를보고 hasModule있는데 webpack에 대한 것이 정의 되어 있으면 항상 require()모든 로케일을 시도 하는 것 같습니다 . 이 문제를 해결하려면 풀 요청이 필요하다고 확신합니다. 그러나 webpack 구성으로이를 해결할 수있는 방법이 있습니까? momentjs를로드하는 웹 팩 구성은 다음과 같습니다. resolve: { …

199 javascript  gulp  momentjs  webpack 

/ dist로 들어가는 자산을 자동화하려고합니다. 다음과 같은 config.js가 있습니다. module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, { test: /\.css$/, loader: "style-loader!css-loader" } …

189 webpack 

나는 전체 nodejs / reactjs 세계에 익숙하지 않으므로 내 질문이 어리석은 경우 사과드립니다. 그래서 reactabular.js 와 함께 놀고 있습니다. 내가 할 때마다 npm start항상 실행됩니다 localhost:8080. 0.0.0.0:8080공개적으로 액세스 할 수 있도록 변경하려면 어떻게합니까 ? 위의 저장소에서 소스 코드를 읽으려고했지만이 설정을 수행하는 파일을 찾지 못했습니다. 또한 그것에 덧붙이려면- 80가능하다면 포트에서 어떻게 …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

내가 사용하고 -반응-응용 프로그램을 작성 하고 안함 eject. @ font-face를 통해 가져오고 로컬로로드 한 글꼴이 어디로 가야하는지 명확하지 않습니다. 즉, 나는로드 @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } 어떤 제안? -- 편집하다 Dan이 자신의 답변에서 언급 한 요점 포함 ➜ …

177 css  reactjs  fonts  webpack  create-react-app 

나는 가능하다고 생각되는 것을하려고 노력하고 있지만 실제로는 웹 팩 문서에서 어떻게 해야하는지 이해할 수 없습니다. 서로 의존 할 수도 있고 그렇지 않을 수도있는 여러 모듈로 JavaScript 라이브러리를 작성 중입니다. 또한 jQuery는 모든 모듈에서 사용되며 일부 모듈에는 jQuery 플러그인이 필요할 수 있습니다. 이 라이브러리는 여러 다른 웹 사이트에서 사용되며 일부 또는 …

173 javascript  webpack  external-dependencies 

create-react-app패키지 로 ReactJS 프로젝트를 작성했는데 제대로 작동했지만 웹팩 파일 및 구성을 찾을 수 없습니다. react-create-app는 웹팩에서 어떻게 작동합니까? 기본 설치에서 웹팩 구성 파일은 어디에 있습니까 create-react-app? 프로젝트 폴더에서 구성 파일을 찾을 수 없습니다. 재정의 구성 파일을 만들지 않았습니다. 다른 기사를 사용하여 구성 설정을 관리 할 수 ​​있지만 기존 구성 파일을 …

173 javascript  reactjs  webpack  ecmascript-6  create-react-app 

프로젝트에 새 npm 패키지를 추가하고 내 모듈 중 하나에 필요합니다. 이제 웹팩에서이 메시지를받습니다. build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". 무슨 뜻인가요? 조치를 취해야합니까?

165 webpack  babeljs 

누구나 webpack.config.js 파일에 여러 개의 출력 경로를 만드는 방법을 알고 있습니까? 나는 몇 가지 다른 글꼴 파일과 함께 제공되는 bootstrap-sass를 사용하고 있습니다. 나머지 파일들 : output: { path: __dirname + "/js", filename: "scripts.min.js" } 웹 팩이 출력하는 것과 확장명이 .woff .eot 등인 경우 확장 유형을 볼 수있는 곳에서 다른 출력 …

165 path  output  config  webpack  loader 

나는 여전히 webpack으로 모듈 경로를 해결하는 방법을 혼동하고 있습니다. 이제 나는 쓴다 : myfile = require('../../mydir/myfile.js') 하지만 쓰고 싶습니다 myfile = require('mydir/myfile.js') alias . 로 사용하는 비슷한 예제를 볼 수 있기 때문에 resolve.alias 가 도움이 될 수 있다고 생각했습니다 .{ xyz: "/some/dir" }require("xyz/file.js") 나는 내 별칭을 설정하지만 { mydir: '/absolute/path/mydir' …

164 javascript  webpack 

사람들이 webpack과 함께 gulp를 사용하는 것을 봅니다. 그러나 나는 웹팩이 꿀꺽 꿀꺽 꿀 수 있다고 읽었습니까? 나는 여기에 완전히 혼란 스럽습니다 ... 누군가가 설명 할 수 있습니까? 최신 정보 결국 나는 꿀꺽 꿀꺽 시작했다. 나는 현대 프론트 엔드를 처음 접했고 빨리 일어 서고 싶었습니다. 1 년이 지난 후 발이 완전히 …

161 node.js  webpack  gulp 

방금 webpack을 시작하고 여러 항목 포인트 샘플 을 빌드 하는 데 어려움이 있습니다. 예제의 webpack.config.js 파일에는 다음 줄이 포함됩니다. var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); 오류로 인해 실패합니다. Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' 주변을 검색하면서 CommonsChunkPlugin을 표현식과 함께 사용하는 다른 예를 찾았습니다. var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js"); 오류와 함께 실패 ReferenceError: webpack …

152 node.js  webpack 

create-react-app를 사용하고 있습니다. 내 내부 파일에서 내 공용 폴더의 이미지를 호출하려고합니다 src/components. 이 오류 메시지가 나타납니다. ./src/components/website_index.js 모듈을 찾을 수 없음 : 프로젝트 src / 디렉토리 외부에있는 ../../public/images/logo/WC-BlackonWhite.jpg를 가져 오려고했습니다. src / 외부의 상대적 가져 오기는 지원되지 않습니다. src / 내부로 이동하거나 프로젝트의 node_modules /에서 심볼릭 링크를 추가 할 수 …

150 javascript  reactjs  webpack  create-react-app 

반응 라우터는 반응 앱이 처리 할 수 ​​있도록 /arbitrary/route합니다. 이것이 작동하려면 일치하는 경로에서 React 앱을 보내려면 서버가 필요합니다. 그러나 webpack dev 서버 는 임의의 엔드 포인트를 처리하지 않습니다. 추가 Express 서버를 사용하는 솔루션이 있습니다. webpack-dev-server가 반응 라우터의 진입 점을 허용하도록 허용하는 방법 그러나 경로 일치를 허용하기 위해 다른 급행 서버를 …

148 reactjs  ecmascript-6  webpack  react-router