yystopf
/
inula
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Match-id-87622cf11c2fc67c3916642abf1f1eb08b10dae6

This commit is contained in:
* 2022-03-22 19:54:51 +08:00 committed by *
parent 1085c400a3
commit 8a86d83faf
4 changed files with 119 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
libs/extension/src/panel/App.tsx Normal file
View File

File diff suppressed because one or more lines are too long

7
libs/extension/src/panel/index.tsx Normal file
View File

@ -0,0 +1,7 @@
import {render} from 'horizon';
import App from './App';
render(
<App />,
document.getElementById('root')
);

22
libs/extension/src/panel/panel.html Normal file
View File

@ -0,0 +1,22 @@
<!doctype html>
<html>
<head>
<meta charset="utf8">
<script src='horizon.production.js'></script>
<style>
html {
display: flex;
}
body {
margin: 0;
padding: 0;
flex: 1;
display: flex;
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html>

55
libs/extension/webpack.dev.js Normal file
View File

@ -0,0 +1,55 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
// 用于 panel 页面开发
module.exports = {
mode: 'development',
entry: {
panel: path.join(__dirname, './src/panel/index.tsx'),
},
output: {
path: path.join(__dirname, 'dist'),
filename: '[name].js'
},
resolve: {
extensions: ['.ts', '.tsx', '.js']
},
module: {
rules: [{
test: /\.tsx?$/,
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env',
'@babel/preset-typescript',
['@babel/preset-react', {
runtime: 'classic',
"pragma": "Horizon.createElement",
"pragmaFrag": "Horizon.Fragment",
}]],
}
}
]
}]
},
externals: {
'horizon': 'Horizon',
},
devServer: {
static: {
directory: path.join(__dirname, 'dist'),
},
open: 'panel.html',
port: 9000,
magicHtml: true,
},
plugins: [
new HtmlWebpackPlugin({
filename: 'panel.html',
template: './src/panel/panel.html'
}),
],
};