mirror of
https://github.com/fluxscape/fluxscape.git
synced 2026-01-11 23:02:55 +01:00
Initial commit
Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com> Co-Authored-By: Johan <4934465+joolsus@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>
This commit is contained in:
10
packages/noodl-viewer-react/webpack-configs/constants.js
Normal file
10
packages/noodl-viewer-react/webpack-configs/constants.js
Normal file
@@ -0,0 +1,10 @@
|
||||
const path = require("path");
|
||||
|
||||
module.exports = {
|
||||
// Allows to define the output path of the files built by the viewer.
|
||||
//
|
||||
// For example in the CLI, we will also build this, just with a different output path.
|
||||
outPath:
|
||||
process.env.OUT_PATH ||
|
||||
path.resolve(__dirname, "../../noodl-editor/src/external"),
|
||||
};
|
||||
@@ -0,0 +1,54 @@
|
||||
//config shared for both regular viewer and deploy versions
|
||||
|
||||
module.exports = {
|
||||
externals: {
|
||||
react: 'React',
|
||||
'react-dom': 'ReactDOM'
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.tsx', '.ts', '.jsx', '.js'],
|
||||
fallback: {
|
||||
events: require.resolve('events/'),
|
||||
}
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.(jsx)$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: 'babel-loader',
|
||||
options: {
|
||||
babelrc: false,
|
||||
cacheDirectory: true,
|
||||
presets: ['@babel/preset-react']
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.ts(x?)$/,
|
||||
exclude: /node_modules/,
|
||||
use: [
|
||||
{
|
||||
loader: 'ts-loader'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.css$/i,
|
||||
use: [
|
||||
'style-loader',
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
url: false
|
||||
// modules: {
|
||||
// exportOnlyLocals: true
|
||||
// }
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,40 @@
|
||||
const path = require('path');
|
||||
const { merge } = require('webpack-merge');
|
||||
const { outPath } = require('./constants.js');
|
||||
const common = require('./webpack.common.js');
|
||||
|
||||
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
|
||||
const noodlEditorExternalDeployPath = path.join(outPath, 'deploy');
|
||||
|
||||
function stripStartDirectories(targetPath, numDirs) {
|
||||
const p = targetPath.split('/');
|
||||
p.splice(0, numDirs);
|
||||
return p.join(path.sep);
|
||||
}
|
||||
|
||||
module.exports = merge(common, {
|
||||
entry: {
|
||||
deploy: './index.deploy.js'
|
||||
},
|
||||
output: {
|
||||
filename: 'noodl.[name].js',
|
||||
path: noodlEditorExternalDeployPath
|
||||
},
|
||||
plugins: [
|
||||
new CleanWebpackPlugin(noodlEditorExternalDeployPath, {
|
||||
allowExternal: true
|
||||
}),
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
from: 'static/shared/**/*',
|
||||
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
|
||||
},
|
||||
{
|
||||
from: 'static/deploy/**/*',
|
||||
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
|
||||
}
|
||||
])
|
||||
]
|
||||
});
|
||||
@@ -0,0 +1,8 @@
|
||||
const { merge } = require("webpack-merge");
|
||||
const common = require("./webpack.deploy.common.js");
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: "development",
|
||||
devtool: "inline-source-map",
|
||||
watch: true,
|
||||
});
|
||||
@@ -0,0 +1,6 @@
|
||||
const { merge } = require("webpack-merge");
|
||||
const common = require("./webpack.deploy.common.js");
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: "production",
|
||||
});
|
||||
@@ -0,0 +1,5 @@
|
||||
const viewer = require('./webpack.viewer.dev');
|
||||
const deploy = require('./webpack.deploy.dev');
|
||||
const ssr = require('./webpack.ssr.dev');
|
||||
|
||||
module.exports = [viewer, deploy, ssr];
|
||||
@@ -0,0 +1,5 @@
|
||||
const viewer = require('./webpack.viewer.prod');
|
||||
const deploy = require('./webpack.deploy.prod');
|
||||
const ssr = require('./webpack.ssr.prod');
|
||||
|
||||
module.exports = [viewer, deploy, ssr];
|
||||
@@ -0,0 +1,88 @@
|
||||
const path = require('path');
|
||||
const { outPath } = require('./constants.js');
|
||||
|
||||
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
|
||||
const noodlEditorExternalDeployPath = path.join(outPath, 'ssr');
|
||||
|
||||
function stripStartDirectories(targetPath, numDirs) {
|
||||
const p = targetPath.split('/');
|
||||
p.splice(0, numDirs);
|
||||
return p.join(path.sep);
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
entry: {
|
||||
deploy: './index.ssr.js'
|
||||
},
|
||||
output: {
|
||||
filename: 'noodl.[name].js',
|
||||
path: noodlEditorExternalDeployPath
|
||||
},
|
||||
plugins: [
|
||||
new CleanWebpackPlugin(noodlEditorExternalDeployPath, {
|
||||
allowExternal: true
|
||||
}),
|
||||
new CopyWebpackPlugin([
|
||||
// {
|
||||
// from: 'static/shared/**/*',
|
||||
// transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
|
||||
// },
|
||||
{
|
||||
from: 'static/ssr/**/*',
|
||||
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
|
||||
}
|
||||
])
|
||||
],
|
||||
externals: {
|
||||
react: 'React',
|
||||
'react-dom': 'ReactDOM'
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.tsx', '.ts', '.jsx', '.js'],
|
||||
fallback: {
|
||||
events: require.resolve('events/'),
|
||||
}
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.(jsx)$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: 'babel-loader',
|
||||
options: {
|
||||
babelrc: false,
|
||||
cacheDirectory: true,
|
||||
presets: ['@babel/preset-react']
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.ts(x?)$/,
|
||||
exclude: /node_modules/,
|
||||
use: [
|
||||
{
|
||||
loader: 'ts-loader'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test: /\.css$/i,
|
||||
use: [
|
||||
'style-loader',
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
url: false,
|
||||
modules: {
|
||||
exportOnlyLocals: true
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,8 @@
|
||||
const { merge } = require('webpack-merge');
|
||||
const common = require('./webpack.ssr.common.js');
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: 'development',
|
||||
devtool: 'inline-source-map',
|
||||
watch: true
|
||||
});
|
||||
@@ -0,0 +1,6 @@
|
||||
const { merge } = require('webpack-merge');
|
||||
const common = require('./webpack.ssr.common.js');
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: 'production'
|
||||
});
|
||||
@@ -0,0 +1,42 @@
|
||||
//shared config for regular (non-deploy) viewer
|
||||
|
||||
const path = require('path');
|
||||
const { merge } = require('webpack-merge');
|
||||
const { outPath } = require('./constants.js');
|
||||
const common = require('./webpack.common.js');
|
||||
|
||||
const CleanWebpackPlugin = require('clean-webpack-plugin');
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||
|
||||
const noodlEditorExternalViewerPath = path.join(outPath, 'viewer');
|
||||
|
||||
function stripStartDirectories(targetPath, numDirs) {
|
||||
const p = targetPath.split('/');
|
||||
p.splice(0, numDirs);
|
||||
return p.join(path.sep);
|
||||
}
|
||||
|
||||
module.exports = merge(common, {
|
||||
entry: {
|
||||
viewer: './index.viewer.js'
|
||||
},
|
||||
output: {
|
||||
filename: 'noodl.[name].js',
|
||||
path: noodlEditorExternalViewerPath
|
||||
},
|
||||
plugins: [
|
||||
new CleanWebpackPlugin(noodlEditorExternalViewerPath, {
|
||||
allowExternal: true
|
||||
}),
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
from: 'static/shared/**/*',
|
||||
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
|
||||
},
|
||||
{
|
||||
from: 'static/viewer/**/*',
|
||||
transformPath: (targetPath) => stripStartDirectories(targetPath, 2)
|
||||
}
|
||||
])
|
||||
]
|
||||
});
|
||||
@@ -0,0 +1,8 @@
|
||||
const { merge } = require("webpack-merge");
|
||||
const common = require("./webpack.viewer.common.js");
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: "development",
|
||||
devtool: "inline-source-map",
|
||||
watch: true,
|
||||
});
|
||||
@@ -0,0 +1,6 @@
|
||||
const { merge } = require("webpack-merge");
|
||||
const common = require("./webpack.viewer.common.js");
|
||||
|
||||
module.exports = merge(common, {
|
||||
mode: "production",
|
||||
});
|
||||
Reference in New Issue
Block a user