Files
standardnotes-app-web/packages/components/src/org.standardnotes.bold-editor/webpack.config.js
2022-06-14 13:01:30 -05:00

83 lines
2.1 KiB
JavaScript

const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MergeIntoSingleFilePlugin = require('webpack-merge-and-include-globally');
module.exports = {
context: __dirname,
entry: [
path.resolve(__dirname, 'app/main.js'),
path.resolve(__dirname, 'app/stylesheets/main.scss'),
],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'dist.min.js'
},
module: {
rules: [
{
test: /\.s[ac]ss$/i,
exclude: /node_modules/,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
{
loader: "sass-loader",
options: {
sassOptions: {
includePaths: [
path.resolve(__dirname, 'app/stylesheets/main.scss')
],
},
},
},
],
},
{
test: /\.js[x]?$/,
include: [
path.resolve(__dirname, 'app'),
],
exclude: /node_modules/,
use: ['babel-loader']
}
]
},
resolve: {
extensions: ['.js', '.jsx'],
alias: {
stylekit: require.resolve('sn-stylekit/dist/stylekit.css'),
'@Components': path.resolve(__dirname, 'app/components'),
}
},
plugins: [
new MiniCssExtractPlugin({
filename: "dist.css"
}),
new HtmlWebpackPlugin({
title: "Bold Editor",
template: 'editor.index.ejs',
filename: 'index.html'
}),
new CopyWebpackPlugin({
patterns: [
{ from: require.resolve('@standardnotes/editor-kit/dist/filesafe-js/EncryptionWorker.js'), to: 'filesafe-js/EncryptionWorker.js' },
],
}),
new MergeIntoSingleFilePlugin({
files: {
"vendor.js": [
'redactor/src/redactor.min.js',
'redactor/plugins/**/*.min.js',
],
"vendor.css": [
require.resolve('filesafe-embed/dist/dist.css'),
'redactor/src/redactor.min.css',
'redactor/plugins/inlinestyle/inlinestyle.min.css'
]
}
}),
]
};