«webpack» 태그된 질문

Backbone.js 와 함께 Webpack 을 사용하는 아이디어를 탐색 중 입니다. 나는 빠른 시작 가이드를 따랐고 Webpack이 어떻게 작동하는지에 대한 일반적인 아이디어를 가지고 있지만 jquery / backbone / underscore와 같은 종속성 라이브러리를로드하는 방법에 대해 명확하지 않습니다. 외부에서로드해야합니까 <script>아니면 Webpack이 RequireJS의 shim처럼 처리 할 수 ​​있습니까? 에 따르면 웹팩 문서 : 모듈을 …

84 backbone.js  requirejs  amd  webpack 

내 node_modules 폴더에 font-awesome이 있으므로 다음과 같이 기본 .scss 파일로 가져 오려고합니다. @import "../../node_modules/font-awesome/scss/font-awesome.scss"; 하지만 Webpack 번들링 컴파일이 실패합니다. Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot font-awesome.scss 파일은 상대 경로 '../fonts/'를 참조하기 때문입니다. scss \ webpack에게 다른 파일을 @import하도록 지시하고 해당 파일의 폴더를 홈 폴더로 사용하여 상대 경로가 예상대로 작동하도록하려면 …

84 node.js  sass  npm  font-awesome  webpack 

나는 webpack을 가지고 놀았고 빌드하는 동안 출력되는 것을 봅니다 + 27 hidden modules. 이것은 무엇을 의미합니까? 요구하지 않고 사용하는 전역 상수를 감지합니까?

83 javascript  build  webpack 

ES6 모듈 로딩을 위해 webpack 경로 별칭을 사용합니다. 예를 들어utils 같은 대신 별칭을 정의하면 import Foo from "../../../utils/foo"할 수 있습니다. import Foo from "utils/foo" 문제는 일단 별칭을 사용하기 시작하면 WebStorm이 가져 오기 추적을 잃고 경고와 자동 완성이 남지 않는다는 것입니다. WebStorm에 이러한 별칭을 사용하도록 지시하는 방법이 있습니까?

83 javascript  webstorm  webpack  es6-module-loader 

내 반응 구성 요소를 빌드하기 위해 webpack을 사용하고 extract-text-webpack-plugin있으며 생성 된 js 파일에서 내 CSS를 분리 하는 데 사용하려고 합니다. 그러나 구성 요소를 빌드하려고하면 다음 오류가 발생 Module build failed: ReferenceError: window is not defined합니다.. 내 webpack.config.js 파일은 다음과 같습니다. var webpack = require('webpack'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = …

82 reactjs  webpack 

나는 CommonsChunkPlugin모든 진입 점을 살펴보고 그들 사이에 공통된 패키지 / 종속성이 있는지 확인하고 그들을 자신의 번들로 분리 한다는 일반적인 요점을 얻습니다 . 따라서 다음 구성이 있다고 가정합니다. ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency entry2 : 'entry2.js', //which has 'jquery as a dependency vendors …

82 javascript  webpack  bundle  webpack-plugin  commonschunkplugin 

webpack에 "중요한 정보"만 터미널에 기록하도록하는 구성 옵션이 있는지 알고 싶습니다. 이 모든 것이 아니라 오류와 경고에 불과합니다. 너무 많은 출력이 있습니다! 일반적인 것들을 억제하고 webpack 만 경고 / 오류를 출력하도록하고 싶습니다. 대한 솔루션을 하시겠습니까 webpack, webpack-dev-server하고 karma-webpack. 참고 : 나는 시도 noInfo: true하고 quiet: true있지만 트릭을 할 것 같지 않았다. …

82 webpack  webpack-dev-server 

CSS 모듈에서 테마를 가져 오려고하는데 TypeScript에서 "모듈을 찾을 수 없음"오류가 발생하고 테마가 런타임에 적용되지 않습니다. 내 Webpack 구성에 문제가 있다고 생각하지만 문제가 어디에 있는지 잘 모르겠습니다. 다음 도구를 사용하고 있습니다. "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" "react-toolbox": "^1.2.3" "node-sass": "^3.10.1" "style-loader": "^0.13.1" "css-loader": "^0.25.0" "sass-loader": "^4.0.2" "sass-lint": "^1.9.1" …

82 typescript  import  sass  webpack  css-modules 

webpack-dev-server를 사용하여 파일을 컴파일하고 dev 웹 서버를 시작하려고합니다. 내 package.json스크립트 속성이 다음과 같이 설정되어 있습니다. "scripts": { "dev": "webpack-dev-server --hot --inline", } 너무 --hot과 --inline(제가 이해) 웹 서버와 뜨거운 재로드를 사용하도록 설정해야합니다. 내 webpack.config.js파일에서 항목, 출력 및 devServer 설정을 설정하고 로더를 추가하여 .vue파일의 변경 사항을 찾습니다. module.exports = { entry: …

82 javascript  webpack  vue.js  webpack-dev-server 

webpack으로 프로젝트를 빌드하고이 webpack 구성에 반응하려고합니다. var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: path.join(__dirname, 'app'), loader: 'babel-loader', query: { presets: …

80 reactjs  webpack  babeljs 

일반적으로 개발자 모드에서 Webpack은 HTTP를 사용하여 실행됩니다. 일반적으로 별도의 포트에서 http / websockets를 사용하여 HTTP 및 웹팩을 통해 콘텐츠를 제공하는 웹 서버가 있습니다. https에서 웹 서버를 실행하고 https / websocket에서 webpack을 안전하게 실행할 수 있습니까?

80 ssl  https  webpack  devserver 

webpack 및 react 프레임 워크와 함께 스타일 로더를 사용하고 있습니다. 터미널에서 webpack을 실행할 때 Module not found: Error: Cannot resolve module 'style-loader'파일 경로를 올바르게 지정했지만 import.js 파일에 들어갑니다. import '../css/style.css'; import React from 'react'; import ReactDOM from 'react-dom'; import jQuery from 'jquery'; import TopicsList from '../components/topic-list.jsx'; import Layout from '../components/layout.jsx'; …

79 javascript  reactjs  webpack  webpack-style-loader 

나는 webpack + babel을 사용하고 있습니다. 다음과 같은 세 개의 모듈이 있습니다. // A.js // some other imports here console.log('A'); export default 'some-const'; // B.js import someConst from './A'; console.log('B', someConst); export default 'something-else'; // main.js import someConst from './A'; import somethingElse from './B'; console.log('main', someConst); main.js가 실행 되면 다음이 …

78 javascript  webpack  babeljs 

내가 가진 웹팩을 사용하고 HtmlWebpackPlugin, html-loader하고 file-loader. 프레임 워크를 사용하지 않고 typescript 만 사용하는 간단한 프로젝트 구조가 있습니다. 따라서 HTML 코드를에 직접 작성합니다 index.html. 또한이 HTML 파일을의 템플릿으로 사용 HtmlWebpackPlugin합니다. 모든 웹 사이트와 마찬가지로 자산 폴더에 PNG를 나타내는 이미지를 넣어야합니다. file-loader파일을 올바르게로드해야 새 파일 이름을 src태그 안에 넣지 만 실제로는 …

40 javascript  html  webpack 

typescript 3.7Optional Chaining, Nullish Coalescing과 같은 기능 을 사용하려고합니다 . 그러나 webpacktranspaling하는 동안 오류가 발생합니다. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may need an additional loader to handle the result of these loaders. app: | export const …

21 typescript  webpack  ts-loader