import { resolve } from 'path';
import { TinyWebpackUserscriptPlugin } from 'tiny-webpack-userscript-plugin';
const buildDirectory = resolve(__dirname, './build');
const scriptName = 'TestScript';
export default {
mode: "development",
entry: `./${scriptName}.ts`,
plugins: [
new TinyWebpackUserscriptPlugin({
scriptName,
headers: [
{
name: scriptName,
author: 'jim',
license: 'MIT',
namespace: 'jim',
version: '0.1.0',
updateURL: `http://github.com/nfour/tiny-webpack-userscript-plugin/master/tree/test/build/${scriptName}.user.js`,
downloadURL: `http://github.com/nfour/tiny-webpack-userscript-plugin/master/tree/test/build/${scriptName}.user.js`,
}
],
developmentUrl: 'http://localhost:9002',
})
],
output: {
path: buildDirectory,
filename: `${scriptName}.user.js`
},
resolve: { extensions: ['.ts', '.js'] },
module: {
rules: [{
test: /\.ts$/, use: 'ts-loader', exclude: /node_modules/
}]
},
};
{
"scripts": {
"dev": "concurrently 'yarn webpack --watch' 'yarn serve -l 9002 build'"
},
"devDependencies": {
"concurrently": "5.1",
"serve": "11.3"
}
}