88 lines
2.3 KiB
JavaScript
88 lines
2.3 KiB
JavaScript
const path = require('path');
|
|
const merge = require('webpack-merge');
|
|
const { DefinePlugin, ProvidePlugin } = require('webpack');
|
|
const nodeExternals = require('webpack-node-externals');
|
|
|
|
const UI_ROOT = path.resolve(__dirname, 'src/ui/');
|
|
const STATIC_ROOT = path.resolve(__dirname, 'static/');
|
|
const DIST_ROOT = path.resolve(__dirname, 'dist/');
|
|
|
|
const baseConfig = {
|
|
mode: 'development',
|
|
devtool: 'eval-source-map',
|
|
node: {
|
|
__dirname: false,
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.jsx?$/,
|
|
exclude: /node_modules/,
|
|
loader: 'babel-loader',
|
|
},
|
|
{
|
|
test: /\.scss$/,
|
|
use: [
|
|
'style-loader', // creates style nodes from JS strings
|
|
'css-loader', // translates CSS into CommonJS
|
|
'sass-loader', // compiles Sass to CSS, using Node Sass by default
|
|
],
|
|
},
|
|
{
|
|
test: /\.(png|svg|gif)$/,
|
|
use: {
|
|
loader: 'file-loader',
|
|
options: {
|
|
outputPath: 'ui/imgs',
|
|
name: '[name].[ext]',
|
|
},
|
|
},
|
|
},
|
|
{
|
|
// font/inter includes a basic css file applying the fonts
|
|
// Everywhere else we use .scss
|
|
test: /\.(css|woff|woff2)$/,
|
|
use: {
|
|
loader: 'file-loader',
|
|
options: {
|
|
outputPath: 'ui/font',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
},
|
|
// Allows imports for all directories inside '/ui'
|
|
resolve: {
|
|
modules: [UI_ROOT, 'node_modules', __dirname],
|
|
extensions: ['.js', '.jsx', '.json', '.scss'],
|
|
},
|
|
|
|
plugins: [
|
|
new ProvidePlugin({
|
|
i18n: ['i18n', 'default'],
|
|
__: ['i18n/__', 'default'],
|
|
__n: ['i18n/__n', 'default'],
|
|
}),
|
|
new DefinePlugin({
|
|
__static: `"${path.join(__dirname, 'static').replace(/\\/g, '\\\\')}"`,
|
|
}),
|
|
],
|
|
externals: [nodeExternals()],
|
|
};
|
|
|
|
module.exports = baseConfig;
|
|
|
|
// const FilewatcherPlugin = require('filewatcher-webpack-plugin');
|
|
// let PROCESS_ARGV = process.env.npm_config_argv;
|
|
// if (PROCESS_ARGV) {
|
|
// PROCESS_ARGV = JSON.parse(PROCESS_ARGV);
|
|
// }
|
|
// const isDev = PROCESS_ARGV && PROCESS_ARGV.original && PROCESS_ARGV.original.indexOf('dev') !== -1;
|
|
// if (isDev) {
|
|
// plugins.push(
|
|
// new FilewatcherPlugin({
|
|
// watchFileRegex: [require.resolve('lbry-redux'), require.resolve('lbryinc')],
|
|
// })
|
|
// );
|
|
// }
|