playcanvas-webpack-plugin-v2

Introduction

As the old version not in maintenance, push a new package to npm under mengxin account: https://www.npmjs.com/package/playcanvas-webpack-plugin-v2

1.0.9 => webpack4

1.0.13 => webpack5 2.0.0 => webpack5

WebPack plugin to upload built script files to PlayCanvas.

check some article to migrate:

https://segmentfault.com/a/1190000021821557

Installation

npm install --save playcanvas-webpack-plugin

Usage

1. Build your WebPack output one time.

2. Go to your account settings and scroll down to API Tokens and generate a new one.

3. Go to the project overview page and copy the project id from the URL.

4. Go to the PlayCanvas editor for your project on the web.

5. Go to version control and note the branch id of the current/wanted branch.

6. Drop the build file into the assets window.

7. Select the build file you dropped in the assets window of the PlayCanvas editor and note its Asset Id in the properties panel. Use this in your WebPack configuration along with the API token, branch id and the project id.

8. In your webpack config add the plugin and configure its options:

var PlayCanvasWebpackPlugin = require('playcanvas-webpack-plugin')

module.exports = {
    
    //...
    
    entry: {
        "your_build": './path/to/entry/point.js'
        //...
    },
        
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name].output.js',             //Example only, use what you like
        publicPath: '/'
    },
        
    //...
    
    plugins: [
       
        //...
        
        new PlayCanvasWebpackPlugin({
            
            bearer: 'YOUR_BEARER_TOKEN',          // From the step above
            project: YOUR_PROJECT_ID,             // From the step above
            branchid: YOUR_BRANCH_ID,             // From the step above
            files: {
                "your_build.output.js": {         //Name of your build output
                    path: "your_build.output.js", //Name in PlayCanvas, normally the same
                    assetId: ASSET_ID             //Asset ID from the step above
                }
            }
        })
        
    ]
    
    //...
}

You can use an additional option of skipUpload if you want to have conditional build logic to not upload your output files.