mirror of
https://github.com/urbit/shrub.git
synced 2024-12-22 02:11:38 +03:00
96ecfbec40
Fixes an issue where only the first ship would receive the updated files from webpack. Enables watch mode. If herb is set to true in the urbitrc, then webpack will commit the desk for each change on every ship.
106 lines
2.6 KiB
JavaScript
106 lines
2.6 KiB
JavaScript
const path = require('path');
|
|
// const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
// const { CleanWebpackPlugin } = require('clean-webpack-plugin');
|
|
const urbitrc = require('./urbitrc');
|
|
const fs = require('fs');
|
|
const util = require('util');
|
|
const exec = util.promisify(require('child_process').exec);
|
|
|
|
function copyFile(src,dest) {
|
|
return new Promise((res,rej) =>
|
|
fs.copyFile(src,dest, err => err ? rej(err) : res()));
|
|
}
|
|
|
|
class UrbitShipPlugin {
|
|
constructor(urbitrc) {
|
|
this.piers = urbitrc.URBIT_PIERS;
|
|
this.herb = urbitrc.herb || false;
|
|
}
|
|
|
|
apply(compiler) {
|
|
compiler.hooks.afterCompile.tapPromise(
|
|
'UrbitShipPlugin',
|
|
async (compilation) => {
|
|
const src = path.resolve(compiler.options.output.path, 'index.js');
|
|
return Promise.all(this.piers.map(pier => {
|
|
const dst = path.resolve(pier, 'app/landscape/js/index.js');
|
|
copyFile(src, dst).then(() => {
|
|
if(!this.herb) {
|
|
return;
|
|
}
|
|
pier = pier.split('/');
|
|
const desk = pier.pop();
|
|
return exec(`herb -p hood -d '+hood/commit %${desk}' ${pier.join('/')}`);
|
|
});
|
|
}));
|
|
}
|
|
)
|
|
}
|
|
}
|
|
|
|
module.exports = {
|
|
mode: 'development',
|
|
entry: {
|
|
app: './src/index.js'
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js?$/,
|
|
use: {
|
|
loader: 'babel-loader',
|
|
options: {
|
|
presets: ['@babel/preset-env', '@babel/preset-react'],
|
|
plugins: [
|
|
'@babel/plugin-proposal-object-rest-spread',
|
|
'@babel/plugin-proposal-optional-chaining',
|
|
'@babel/plugin-proposal-class-properties'
|
|
]
|
|
}
|
|
},
|
|
exclude: /node_modules/
|
|
},
|
|
{
|
|
test: /\.css$/i,
|
|
use: [
|
|
// Creates `style` nodes from JS strings
|
|
'style-loader',
|
|
// Translates CSS into CommonJS
|
|
'css-loader',
|
|
// Compiles Sass to CSS
|
|
'sass-loader'
|
|
]
|
|
}
|
|
]
|
|
},
|
|
resolve: {
|
|
extensions: ['.js']
|
|
},
|
|
devtool: 'inline-source-map',
|
|
// devServer: {
|
|
// contentBase: path.join(__dirname, './'),
|
|
// hot: true,
|
|
// port: 9000,
|
|
// historyApiFallback: true
|
|
// },
|
|
plugins: [
|
|
new UrbitShipPlugin(urbitrc)
|
|
// new CleanWebpackPlugin(),
|
|
// new HtmlWebpackPlugin({
|
|
// title: 'Hot Module Replacement',
|
|
// template: './public/index.html',
|
|
// }),
|
|
],
|
|
watch: true,
|
|
output: {
|
|
filename: 'index.js',
|
|
chunkFilename: 'index.js',
|
|
path: path.resolve(__dirname, '../dist'),
|
|
publicPath: '/'
|
|
},
|
|
optimization: {
|
|
minimize: false,
|
|
usedExports: true
|
|
}
|
|
};
|