- Notifications
You must be signed in to change notification settings - Fork0
webpack plugin ( for create-react-app ), when source build on production, this plugin upload static directory to aws s3 bucket
License
kimcoder/create-react-app-s3-uploader
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
create-react-app-s3-uploader는 webpack 플러그인이며create-react-app 환경에서 사용을 목적으로 제작하였습니다.
production 환경에서 react를 빌드하였을 시, static 디렉토리의 소스들을 aws s3의 버킷에 업로드 해줍니다.
create-react-app-s3-uploader is webpack plugin. (forcreate-react-app).
When react builded on production, this plugin upload static directory to aws s3 bucket
npm install --save create-react-app-s3-uploader가장 우선,create-react-app project에서npm eject를 실행시켜줘야 합니다.
first of all, you shoud runnpm eject in yourcreate-react-app project
webpack.config.prod.js
const CreateReactAppS3Uploader = require("create-react-app-s3-uploader");module.exports = { plugins: [ new CreateReactAppS3Uploader({ accessKeyId: {AWS ACCESS KEY }, secretAccessKey: { AWS SECRET KEY }, buildPath: paths.appBuild, region: "ap-northeast-2", bucket: "create-react-app-s3-uploader", }) ]};CreateReactAppS3Uploader Parameters
| Name | Type | Required | Description |
|---|---|---|---|
| accessKeyId | {String} | Required | AWS Access Key |
| secretAccessKey | {String} | Required | AWS Secret Key |
| buildPath | {String} | Required | create-react-app build directory path |
| region | {String} | Required | AWS S3 Region |
| bucket | {String} | Required | AWS S3 Bucket |
| key | {String} | Optional | If you set this param, you can upload to specific directory in your s3 bucket |
| acl | {String} | Optional | AWS S3 ACL, defaultpublic-read |
| cloudfront | {String} | Optional | S3's CloudFront Domain. |
| replaceHtml | {boolean} | Optional | defaultfalse. If you set totrue, automatically change index.html's css & js's src to uploaded url |
live demo gif ( upload to s3 )
live demo gif ( upload to cloudfront )
- ACL :AWS ACL LIST
- Content-Type :HTTP MIME TYPE
- WebpackPlugin :Webpack Plugin Docs
About
webpack plugin ( for create-react-app ), when source build on production, this plugin upload static directory to aws s3 bucket
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
Packages0
Uh oh!
There was an error while loading.Please reload this page.