focalboard/webpack.common.js
chenilim c7db184141
Merge pull request #4 from mattermost/sass-aside-component
Adding the option to have sass aside the component
2020-10-14 11:31:38 -07:00

78 lines
1.6 KiB
JavaScript

const webpack = require("webpack")
const path = require("path")
const CopyPlugin = require("copy-webpack-plugin")
var HtmlWebpackPlugin = require('html-webpack-plugin')
const outpath = path.resolve(__dirname, "pack")
function makeCommonConfig() {
const commonConfig = {
target: "web",
mode: "development",
entry: "./src/index.js",
node: {
__dirname: false,
__filename: false
},
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: [/node_modules/],
},
{
test: /\.html$/,
loader: "file-loader",
},
{
test: /\.s[ac]ss$/i,
use: [
'style-loader',
'css-loader',
'sass-loader',
],
},
{
test: /\.(tsx?|js|jsx|html)$/,
use: [
],
exclude: [/node_modules/],
}
]
},
resolve: {
modules: [
'node_modules',
path.resolve(__dirname),
],
extensions: ['.js', '.jsx', '.ts', '.tsx'],
},
plugins: [
new CopyPlugin({
patterns: [
{ from: path.resolve(__dirname, "src/static"), to: "static" },
{ from: path.resolve(__dirname, "node_modules/easymde/dist/easymde.min.css"), to: "static" },
],
}),
new HtmlWebpackPlugin({
inject: true,
title: "OCTO",
chunks: ["main"],
template: "html-templates/page.ejs",
filename: 'index.html'
}),
],
entry: {
main: "./src/client/main.tsx",
},
output: {
filename: "[name].js",
path: outpath
}
}
return commonConfig
}
module.exports = makeCommonConfig