Introduction
WebPack plugin to upload built script files to PlayCanvas.
Installation
npm install --save playcanvas-webpack-plugin
Usage
-
Build your WebPack output one time.
-
Go to the PlayCanvas editor for your project on the web and open your developer tools.
-
Drop the build file into the assets window.
-
In the javascript console type config.accessToken - use this as your bearer token later
-
In the javascript console type config.project.id - use this as your project id later
-
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 bearer token and the project id.
-
In your webpack config add the plugin and configure its options:
var PlayCanvasWebpackPlugin = moduleexports = //... entry: "your_build": './path/to/entry/point.js' //... output: path: path filename: '[name].output.js' //Example only, use what you like publicPath: '/' //... plugins: //... bearer: 'YOUR_BEARER_TOKEN' // From the step above project: YOUR_PROJECT_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.