Skip to content
Snippets Groups Projects
Select Git revision
  • 0dac1b93ae1a9e25c7a2823f5f6310c24387c7a2
  • master default protected
  • rednatco-v2
  • rednatco
  • test
  • ntc-tube-uniform-color
  • ntc-tube-missing-atoms
  • restore-vertex-array-per-program
  • watlas2
  • dnatco_new
  • cleanup-old-nodejs
  • webmmb
  • fix_auth_seq_id
  • update_deps
  • ext_dev
  • ntc_balls
  • nci-2
  • plugin
  • bugfix-0.4.5
  • nci
  • servers
  • v0.5.0-dev.1
  • v0.4.5
  • v0.4.4
  • v0.4.3
  • v0.4.2
  • v0.4.1
  • v0.4.0
  • v0.3.12
  • v0.3.11
  • v0.3.10
  • v0.3.9
  • v0.3.8
  • v0.3.7
  • v0.3.6
  • v0.3.5
  • v0.3.4
  • v0.3.3
  • v0.3.2
  • v0.3.1
  • v0.3.0
41 results

webpack.config.common.js

Blame
    • Alexander Rose's avatar
      4904bae5
      background pass improvements · 4904bae5
      Alexander Rose authored
      - add PluginConfig.Background.Styles
      - file support, asset management
      - opacity, saturation, lightness controls for skybox/image
      - coverage controls for image/gradient
      - add backgrounds extension with examples
      - image handling for build/watch (webpack, cpx)
      4904bae5
      History
      background pass improvements
      Alexander Rose authored
      - add PluginConfig.Background.Styles
      - file support, asset management
      - opacity, saturation, lightness controls for skybox/image
      - coverage controls for image/gradient
      - add backgrounds extension with examples
      - image handling for build/watch (webpack, cpx)
    webpack.config.common.js 3.87 KiB
    const path = require('path');
    const fs = require('fs');
    const webpack = require('webpack');
    const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin');
    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
    const VERSION = require('./package.json').version;
    
    class VersionFilePlugin {
        apply() {
            fs.writeFileSync(
                path.resolve(__dirname, 'lib/mol-plugin/version.js'),
                `export var PLUGIN_VERSION = '${VERSION}';\nexport var PLUGIN_VERSION_DATE = new Date(typeof __MOLSTAR_DEBUG_TIMESTAMP__ !== 'undefined' ? __MOLSTAR_DEBUG_TIMESTAMP__ : ${new Date().valueOf()});`);
        }
    }
    
    const sharedConfig = {
        module: {
            rules: [
                {
                    test: /\.(html|ico)$/,
                    use: [{
                        loader: 'file-loader',
                        options: { name: '[name].[ext]' }
                    }]
                },
                {
                    test: /\.(s*)css$/,
                    use: [
                        MiniCssExtractPlugin.loader,
                        { loader: 'css-loader', options: { sourceMap: false } },
                        { loader: 'sass-loader', options: { sourceMap: false } },
                    ]
                },
                {
                    test: /\.(jpg)$/i,
                    type: 'asset/resource',
                },
            ]
        },
        plugins: [
            new ExtraWatchWebpackPlugin({
                files: [
                    './lib/**/*.scss',
                    './lib/**/*.html'
                ],
            }),
            new webpack.DefinePlugin({
                'process.env.DEBUG': JSON.stringify(process.env.DEBUG),
                '__MOLSTAR_DEBUG_TIMESTAMP__': webpack.DefinePlugin.runtimeValue(() => `${new Date().valueOf()}`, true)
            }),
            new MiniCssExtractPlugin({ filename: 'molstar.css' }),
            new VersionFilePlugin(),
        ],
        resolve: {
            modules: [
                'node_modules',
                path.resolve(__dirname, 'lib/')
            ],
            fallback: {
                fs: false,
                crypto: require.resolve('crypto-browserify'),
                path: require.resolve('path-browserify'),
                stream: require.resolve('stream-browserify'),
            }
        },
        watchOptions: {
            aggregateTimeout: 750
        }
    };