py-loader-jpic
v0.3.1
Published
Webpack loader for Python
Downloads
3
Readme
Loads Python files and transpile to JavaScript using the awesome Transcrypt, Jiphy or Javascripthon compilers.
Install
pip install transcrypt # or jiphy, or javascripthon
npm install --save-dev py-loader
You may specify jiphy
instead of transcrypt
if you prefer. In this case, ensure that options.compiler
in webpack.config.js
is set to jiphy
(see below). The compiler option for Javascripthon is pj
.
Usage
import Something from 'main.py';
Configuration
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.py$/,
loader: 'py-loader',
options: {
compiler: 'transcrypt'
}
}
]
}
}
VueJS support
py-loader
can also be used to compile .vue Single File Components used by VueJS. This assumes that you already have vue-loader
set up and working with javascript .vue files. Modify your vue-loader
config file as shown:
loaders: {
'py': require.resolve('py-loader')
},
An example of a simple VueJS app written in (mostly) Python can be seen in the examples/vue-demo
folder.
Caveats
- Only tested with Transcrypt
- The import statement for loading sub-components still looks a bit weird
- Web-pack entry point is still a javascript file
Extend
py-loader
can be extended to use other Python compilers. Just fork this repo and extend the compilers
object in index.js
.
Please submit a pull request with your addition.
Contributors
- DuncanMacWeb (https://github.com/DuncanMacWeb)
- Sebastian Silva (https://github.com/icarito)
- Ryan Liao (https://github.com/pirsquare)