>source

저는 webpack과 babel을 처음 사용하기 때문에 webpack을 실행하려고 하는데 출력 JS 파일이 비어 있습니다. ES6 code가 포함된 app.js라는 src 폴더에 JS 파일이 있습니다. npm run build를 실행하면 빌드 디렉토리의 결과 app.bundle.js가 비어 있습니다.

여기 내 파일이 있습니다

webpack.config.js

const path= require('path');
module.exports= {
    entry:{
        app: './src/app.js'
    },
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'app.bundle.js'
    },
    module: {
        rules: [
            {
              test: /\.js$/,
              exclude: /node_modules/,
              use: {
                loader: 'babel-loader',
                options: {
                  presets: ['@babel/preset-env']
                }
              }
            }
          ]
    }
}

package.json파일에는 다음과 같은 내용이 있습니다.

{
  "name": "babel_webpack_starter",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" &
&
 exit 1",
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.15.7",
    "@babel/core": "^7.15.8",
    "@babel/preset-env": "^7.15.8",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.2.2",
    "babel-preset-env": "^1.7.0",
    "webpack": "^5.58.1",
    "webpack-cli": "^4.9.0",
    "webpack-dev-server": "^4.3.1"
  }
}

앱에 대한 올바른 진입점이 있습니까?

Batuhan2021-10-11 06:20:25

무슨 뜻이에요?

Albert2021-10-11 06:29:03

진입점으로 index.html이 있습니다.

Albert2021-10-11 06:29:28

entry: path.resolve(__dirname, "src/app.js")를 시도했습니까?

Mario Varchmin2021-10-11 06:40:58

예, 지금 동일한 결과를 시도했지만 index.html 파일에 출력이 없습니다.

Albert2021-10-11 06:44:52
  • 이전 python : Django Migrate 테이블 생성이 일관되지 않음 -여러 레거시 데이터베이스
  • 다음 mysql : 계정 테이블에서 여러 이메일의 데이터를 확인하고 가져오는 방법은 무엇입니까?