vue-cli 웹 팩 프로젝트의 웹 팩 구성 파일 위치

vue-cli 웹 팩 프로젝트의 웹 팩 구성 파일 위치

CLI를 사용하여 vue.js 프로젝트를 만들었습니다.웹팩 템플릿을 사용했습니다.며칠 동안 작업을 했는데 잘 되고 있어요.

이제 npm 패키지를 프로젝트에 추가해야 합니다.이 패키지에서는 webpack 설정을 변경할 것을 권장합니다.그러나 프로젝트의 루트에는 webpack.config.js 파일이 없습니다.여기서 webpack 설정 파일은 다음과 같습니다.일부 프레임워크에서와 같이 명령을 실행하여 게시해야 합니까?

새 vue-cli 3(@vue/cli)을 사용하여 프로젝트를 생성하는 경우 프로젝트 루트 디렉토리에 vue.config.js라는 파일이 됩니다.즉, 다음과 같이 vue.config.js를 변경하는 것만으로 웹 팩 구성을 커스터마이즈할 수 있습니다.이 설정은 프로젝트 루트 디렉토리에 자동으로 포함되어 있습니다.

module.exports = {
  configureWebpack: {
    // It will be merged into the final Webpack config
    plugins: [
      ... // Your plugins here...
    ]
  }
}

너무 쉬워요!새로운 vue-cli 접근법에 장수!

그webpack-simple템플릿에는webpack-config.js프로젝트 폴더의 루트에 직접 파일을 저장합니다.

사용하시는 것 같습니다.webpack템플릿입니다.웹 팩 구성을 변경하려면 빌드 폴더를 방문하십시오.

웹 팩 구성과 관련된 3개의 파일을 찾을 수 있습니다.

1. webpack.base.conf.disc
2. webpack.dev.conf.displays
3. webpack.syslog.conf.syslog

패키지에 필요한 변경은 다음에서 실시할 수 있습니다.webpack.base.conf.js줄서기 또는 줄서기 또는 줄서기webpack.dev.conf.js변경은 개발 시간 구성 또는 변경 시간 설정인지 여부webpack.prod.conf.js운영 빌드 구성용인 경우

언급URL : https://stackoverflow.com/questions/47567489/location-of-webpack-config-file-in-vue-cli-webpack-project