stub out angular with webpack

2025-12-12 06:13:38 +00:00 · 2018-04-03 22:14:54 -04:00
parent 848117ff86
commit 4d56d12ccb
19 changed files with 1225 additions and 38 deletions
--- a/webpack2.js
+++ b/webpack2.js
@@ -0,0 +1,150 @@
+const path = require('path');
+const webpack = require('webpack');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+const isVendorModule = (module) => {
+    if (!module.context) {
+        return false;
+    }
+
+    const nodeModule = module.context.indexOf('node_modules') !== -1;
+    const bitwardenModule = module.context.indexOf('@bitwarden') !== -1;
+    return nodeModule && !bitwardenModule;
+};
+
+const extractCss = new ExtractTextPlugin({
+    filename: '[name].css',
+    disable: false,
+    allChunks: true
+});
+
+module.exports = {
+    entry: {
+        'popup/main': './src/popup2/main.ts',
+        'background': './src/background.ts',
+        'content/autofill': './src/content/autofill.js',
+        'content/autofiller': './src/content/autofiller.js',
+        'content/notificationBar': './src/content/notificationBar.js',
+        'content/shortcuts': './src/content/shortcuts.js',
+        'downloader/downloader': './src/downloader/downloader.ts',
+        '2fa/2fa': './src/2fa/2fa.ts',
+    },
+    module: {
+        rules: [
+            {
+                test: /\.ts$/,
+                enforce: 'pre',
+                loader: 'tslint-loader'
+            },
+            {
+                test: /\.tsx?$/,
+                use: 'ts-loader',
+                exclude: /node_modules\/(?!(@bitwarden)\/).*/
+            },
+            {
+                test: /\.(html)$/,
+                loader: 'html-loader'
+            },
+            {
+                test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
+                exclude: /loading.svg/,
+                use: [{
+                    loader: 'file-loader',
+                    options: {
+                        name: '[name].[ext]',
+                        outputPath: 'popup/fonts/',
+                        publicPath: './fonts/'
+                    }
+                }]
+            },
+            {
+                test: /\.(jpe?g|png|gif|svg)$/i,
+                exclude: /.*(fontawesome-webfont|glyphicons-halflings-regular)\.svg/,
+                use: [{
+                    loader: 'file-loader',
+                    options: {
+                        name: '[name].[ext]',
+                        outputPath: 'popup/images/',
+                        publicPath: './images/'
+                    }
+                }]
+            },
+            {
+                test: /\.scss$/,
+                use: extractCss.extract({
+                    use: [
+                        {
+                            loader: 'css-loader',
+                        },
+                        {
+                            loader: 'sass-loader',
+                        }
+                    ],
+                    publicPath: '../'
+                })
+            },
+        ]
+    },
+    plugins: [
+        new CleanWebpackPlugin([
+            path.resolve(__dirname, 'build2/*')
+        ]),
+        // ref: https://github.com/angular/angular/issues/20357
+        new webpack.ContextReplacementPlugin(
+            /\@angular(\\|\/)core(\\|\/)esm5/,
+            path.resolve(__dirname, './src')
+        ),
+        new webpack.optimize.CommonsChunkPlugin({
+            name: 'popup/vendor',
+            chunks: ['popup/main'],
+            minChunks: isVendorModule
+        }),
+        new webpack.optimize.CommonsChunkPlugin({
+            name: 'vendor',
+            chunks: ['background'],
+            minChunks: isVendorModule
+        }),
+        new HtmlWebpackPlugin({
+            template: './src/popup2/index.html',
+            filename: 'popup/index.html',
+            chunks: ['popup/vendor', 'popup/main', 'fonts']
+        }),
+        new HtmlWebpackPlugin({
+            template: './src/background.html',
+            filename: 'background.html',
+            chunks: ['vendor', 'background']
+        }),
+        new HtmlWebpackPlugin({
+            template: './src/downloader/index.html',
+            filename: 'downloader/index.html',
+            chunks: ['downloader/downloader']
+        }),
+        new HtmlWebpackPlugin({
+            template: './src/2fa/index.html',
+            filename: '2fa/index.html',
+            chunks: ['2fa/2fa']
+        }),
+        new CopyWebpackPlugin([
+            './src/manifest.json',
+            { from: './src/_locales', to: '_locales' },
+            { from: './src/edge', to: 'edge' },
+            { from: './src/safari', to: 'safari' },
+            { from: './src/images', to: 'images' },
+            { from: './src/content/autofill.css', to: 'content' }
+        ]),
+        extractCss
+    ],
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+        alias: {
+            jslib: path.join(__dirname, 'jslib/src')
+        }
+    },
+    output: {
+        filename: '[name].js',
+        path: path.resolve(__dirname, 'build2')
+    }
+};