Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-25 12:15:18 +01:00
Code Issues Projects Releases Wiki Activity

convert webpack config to ts

Browse Source
This commit is contained in:
Kyle Spearrin 2018-04-06 17:02:46 -04:00
parent 54ac6fd445
commit df4e7f030d
3 changed files with 252 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

196
package-lock.json generated
View File

@ -178,6 +178,40 @@
"@types/filesystem": "0.0.28"
}
},
"@types/clean-css": {
"version": "3.4.30",
"resolved": "https://registry.npmjs.org/@types/clean-css/-/clean-css-3.4.30.tgz",
"integrity": "sha1-AFLBNvUkgAJCjjY4s33ko5gYZB0=",
"dev": true
},
"@types/clean-webpack-plugin": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/@types/clean-webpack-plugin/-/clean-webpack-plugin-0.1.2.tgz",
"integrity": "sha1-88nZfdOXqduGumubJFyg7t+I87I=",
"dev": true,
"requires": {
"@types/webpack": "3.8.11"
}
},
"@types/copy-webpack-plugin": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/@types/copy-webpack-plugin/-/copy-webpack-plugin-4.4.1.tgz",
"integrity": "sha1-sfzC1PnhP6xdQwvSpKVDEOAZ04Q=",
"dev": true,
"requires": {
"@types/minimatch": "3.0.3",
"@types/webpack": "3.8.11"
}
},
"@types/extract-text-webpack-plugin": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/@types/extract-text-webpack-plugin/-/extract-text-webpack-plugin-3.0.2.tgz",
"integrity": "sha1-4+ypMIahy0LjmKS1rCjNYJ9vLzQ=",
"dev": true,
"requires": {
"@types/webpack": "3.8.11"
}
},
"@types/filesystem": {
"version": "0.0.28",
"resolved": "https://registry.npmjs.org/@types/filesystem/-/filesystem-0.0.28.tgz",
@ -193,6 +227,27 @@
"integrity": "sha1-wFTor02d11205jq8dviFFocU1LM=",
"dev": true
},
"@types/html-minifier": {
"version": "3.5.2",
"resolved": "https://registry.npmjs.org/@types/html-minifier/-/html-minifier-3.5.2.tgz",
"integrity": "sha1-+JehPYR6d06bb9kUl+mw4OrXHDU=",
"dev": true,
"requires": {
"@types/clean-css": "3.4.30",
"@types/relateurl": "0.2.28",
"@types/uglify-js": "3.0.1"
}
},
"@types/html-webpack-plugin": {
"version": "2.30.3",
"resolved": "https://registry.npmjs.org/@types/html-webpack-plugin/-/html-webpack-plugin-2.30.3.tgz",
"integrity": "sha1-hIurqONQEMbvbTawQXSCC52IRYM=",
"dev": true,
"requires": {
"@types/html-minifier": "3.5.2",
"@types/webpack": "3.8.11"
}
},
"@types/jasmine": {
"version": "2.8.6",
"resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-2.8.6.tgz",
@ -211,6 +266,12 @@
"integrity": "sha512-esk3CG25hRtHsVHm+LOjiSFYdw8be3uIY653WUwR43Bro914HSimPgPpqgajkhTJ0awK3RQfaIxP7zvbtCpcyg==",
"dev": true
},
"@types/minimatch": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz",
"integrity": "sha1-PcoOPzOyAPx9ETnAzZbBJoyt/Z0=",
"dev": true
},
"@types/node": {
"version": "8.0.19",
"resolved": "https://registry.npmjs.org/@types/node/-/node-8.0.19.tgz",
@ -229,6 +290,12 @@
"integrity": "sha512-8+d1hk3GgF+NJ6mMZZ5zKimqIOc+8OTzpLw4RQ8wnS1NkJh/dMH3NEhSud4Ituq2SGXJjOG6wIczCBAKsSsBdQ==",
"dev": true
},
"@types/relateurl": {
"version": "0.2.28",
"resolved": "https://registry.npmjs.org/@types/relateurl/-/relateurl-0.2.28.tgz",
"integrity": "sha1-a9p9uGU/piZD9e5p6facEaOS46Y=",
"dev": true
},
"@types/safari-extension": {
"version": "0.0.27",
"resolved": "https://registry.npmjs.org/@types/safari-extension/-/safari-extension-0.0.27.tgz",
@ -241,18 +308,61 @@
"integrity": "sha1-Y44W0a0ML8jFjj8ikT5hZxwU9BQ=",
"dev": true
},
"@types/tapable": {
"version": "0.2.5",
"resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-0.2.5.tgz",
"integrity": "sha512-dEoVvo/I9QFomyhY+4Q6Qk+I+dhG59TYceZgC6Q0mCifVPErx6Y83PNTKGDS5e9h9Eti6q0S2mm16BU6iQK+3w==",
"dev": true
},
"@types/tldjs": {
"version": "1.7.1",
"resolved": "https://registry.npmjs.org/@types/tldjs/-/tldjs-1.7.1.tgz",
"integrity": "sha1-BdPvPLbgPPOt8eSgQ8FHDPIOF5k=",
"dev": true
},
"@types/uglify-js": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.0.1.tgz",
"integrity": "sha1-Z6xsaN6WO8FUDw8ZHoe2fYV0L9g=",
"dev": true,
"requires": {
"source-map": "0.6.1"
},
"dependencies": {
"source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true
}
}
},
"@types/webcrypto": {
"version": "0.0.28",
"resolved": "https://registry.npmjs.org/@types/webcrypto/-/webcrypto-0.0.28.tgz",
"integrity": "sha512-jzAoSUvqA+183nJO/Sc73CREQJsv+p77WJdn532GqA3YXQzlwRwHhClVa7U4O8iB2sJSR7G3v6f1mJFNkwA9YQ==",
"dev": true
},
"@types/webpack": {
"version": "3.8.11",
"resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-3.8.11.tgz",
"integrity": "sha512-6a+XQjFMAJekCE7IxkDavoX8cGCEmTE+MrKeUK4CL0Q7SL9w4c5TdrYrUEzcJx3GX3I0fTIC79x0C07Pi5VmlA==",
"dev": true,
"requires": {
"@types/node": "8.0.19",
"@types/tapable": "0.2.5",
"@types/uglify-js": "3.0.1",
"source-map": "0.6.1"
},
"dependencies": {
"source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true
}
}
},
"@uirouter/angularjs": {
"version": "1.0.15",
"resolved": "https://registry.npmjs.org/@uirouter/angularjs/-/angularjs-1.0.15.tgz",
@ -8724,6 +8834,12 @@
"pify": "3.0.0"
}
},
"make-error": {
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.4.tgz",
"integrity": "sha512-0Dab5btKVPhibSalc9QGXb559ED7G7iLjFXBaj9Wq8O3vorueR5K5jaE3hkG6ZQINyhA/JgG6Qk4qdFQjsYV6g==",
"dev": true
},
"make-iterator": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.0.tgz",
@ -13432,6 +13548,80 @@
}
}
},
"ts-node": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-5.0.1.tgz",
"integrity": "sha512-XK7QmDcNHVmZkVtkiwNDWiERRHPyU8nBqZB1+iv2UhOG0q3RQ9HsZ2CMqISlFbxjrYFGfG2mX7bW4dAyxBVzUw==",
"dev": true,
"requires": {
"arrify": "1.0.1",
"chalk": "2.3.2",
"diff": "3.4.0",
"make-error": "1.3.4",
"minimist": "1.2.0",
"mkdirp": "0.5.1",
"source-map-support": "0.5.4",
"yn": "2.0.0"
},
"dependencies": {
"ansi-styles": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
"integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
"dev": true,
"requires": {
"color-convert": "1.9.1"
}
},
"chalk": {
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.2.tgz",
"integrity": "sha512-ZM4j2/ld/YZDc3Ma8PgN7gyAk+kHMMMyzLNryCPGhWrsfAuDVeuid5bpRFTDgMH9JBK2lA4dyyAkkZYF/WcqDQ==",
"dev": true,
"requires": {
"ansi-styles": "3.2.1",
"escape-string-regexp": "1.0.5",
"supports-color": "5.3.0"
}
},
"has-flag": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
"dev": true
},
"minimist": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
},
"source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"dev": true
},
"source-map-support": {
"version": "0.5.4",
"resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.4.tgz",
"integrity": "sha512-PETSPG6BjY1AHs2t64vS2aqAgu6dMIMXJULWFBGbh2Gr8nVLbCFDo6i/RMMvviIQ2h1Z8+5gQhVKSn2je9nmdg==",
"dev": true,
"requires": {
"source-map": "0.6.1"
}
},
"supports-color": {
"version": "5.3.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.3.0.tgz",
"integrity": "sha512-0aP01LLIskjKs3lq52EC0aGBAJhLq7B2Rd8HC/DR/PtNNpcLilNmHC12O+hu0usQpo7wtHNRqtrhBwtDb0+dNg==",
"dev": true,
"requires": {
"has-flag": "3.0.0"
}
}
}
},
"tsickle": {
"version": "0.26.0",
"resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.26.0.tgz",
@ -14909,6 +15099,12 @@
"integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=",
"dev": true
},
"yn": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/yn/-/yn-2.0.0.tgz",
"integrity": "sha1-5a2ryKz0CPY4X8dklWhMiOavaJo=",
"dev": true
},
"zip-dir": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/zip-dir/-/zip-dir-1.0.2.tgz",

10
package.json
View File

@ -9,8 +9,8 @@
"start:firefox": "web-ext run --source-dir ./dist/",
"dev": "gulp build && webpack --config webpack.dev.js",
"dev:watch": "gulp build && webpack --config webpack.dev.js --watch",
"dev2": "gulp build2 && webpack --config webpack2.js",
"dev2:watch": "gulp build2 && webpack --config webpack2.js --watch",
"dev2": "gulp build2 && env TS_NODE_COMPILER_OPTIONS='{\"module\":\"commonjs\"}' webpack --config webpack.config.ts",
"dev2:watch": "gulp build2 && env TS_NODE_COMPILER_OPTIONS='{\"module\":\"commonjs\"}' webpack --config webpack.config.ts --watch",
"prod": "gulp build && webpack --config webpack.prod.js",
"dist": "npm run prod && gulp dist",
"dist:firefox": "npm run prod && gulp dist:firefox",
@ -26,6 +26,10 @@
"@ngtools/webpack": "1.10.2",
"@types/angular": "^1.6.34",
"@types/chrome": "0.0.51",
"@types/clean-webpack-plugin": "^0.1.2",
"@types/copy-webpack-plugin": "^4.4.1",
"@types/extract-text-webpack-plugin": "^3.0.2",
"@types/html-webpack-plugin": "^2.30.3",
"@types/jasmine": "^2.8.2",
"@types/jquery": "^3.2.16",
"@types/lunr": "2.1.5",
@ -36,6 +40,7 @@
"@types/safari-extension-content": "^0.0.14",
"@types/tldjs": "1.7.1",
"@types/webcrypto": "^0.0.28",
"@types/webpack": "^3.8.11",
"angular": "1.6.9",
"angular-animate": "1.6.9",
"angular-sweetalert": "1.1.2",
@ -83,6 +88,7 @@
"sweetalert": "1.1.3",
"tldjs": "2.0.0",
"ts-loader": "^3.5.0",
"ts-node": "5.0.1",
"tslint": "^5.9.1",
"tslint-loader": "^3.5.3",
"typescript": "^2.7.1",

96
webpack2.js → webpack.config.ts
View File

@ -1,28 +1,26 @@
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 AngularCompilerPlugin = require('@ngtools/webpack').AngularCompilerPlugin;
import { AngularCompilerPlugin } from '@ngtools/webpack';
import * as ExtractTextPlugin from 'extract-text-webpack-plugin';
import * as CleanWebpackPlugin from 'clean-webpack-plugin';
import * as CopyWebpackPlugin from 'copy-webpack-plugin';
import * as HtmlWebpackPlugin from 'html-webpack-plugin';
import * as path from 'path';
import * as webpack from 'webpack';
const isVendorModule = (module) => {
const isVendorModule: webpack.optimize.CommonsChunkPlugin.MinChunksFn = (module: any, count: number) => {
if (!module.context) {
return false;
}
const nodeModule = module.context.indexOf('node_modules') !== -1;
const bitwardenModule = module.context.indexOf('@bitwarden') !== -1;
return nodeModule && !bitwardenModule;
return module.context.indexOf('node_modules') !== -1;
};
const extractCss = new ExtractTextPlugin({
filename: '[name].css',
disable: false,
allChunks: true
allChunks: true,
});
module.exports = {
const config: webpack.Configuration = {
entry: {
'popup/main': './src/popup2/main.ts',
'background': './src/background.ts',
@ -33,20 +31,32 @@ module.exports = {
'downloader/downloader': './src/downloader/downloader.ts',
'2fa/2fa': './src/2fa/2fa.ts',
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
alias: {
jslib: path.join(__dirname, 'jslib/src'),
},
symlinks: false,
modules: [path.resolve('node_modules')],
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'build2'),
},
module: {
rules: [
{
test: /\.ts$/,
enforce: 'pre',
loader: 'tslint-loader'
loader: 'tslint-loader',
},
{
test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
loader: '@ngtools/webpack'
loader: '@ngtools/webpack',
},
{
test: /\.(html)$/,
loader: 'html-loader'
loader: 'html-loader',
},
{
test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
@ -57,8 +67,8 @@ module.exports = {
name: '[name].[ext]',
outputPath: 'popup/fonts/',
publicPath: './fonts/'
}
}]
},
}],
},
{
test: /\.(jpe?g|png|gif|svg)$/i,
@ -69,8 +79,8 @@ module.exports = {
name: '[name].[ext]',
outputPath: 'popup/images/',
publicPath: './images/'
}
}]
},
}],
},
{
test: /\.scss$/,
@ -83,79 +93,69 @@ module.exports = {
loader: 'sass-loader',
}
],
publicPath: '../'
})
publicPath: '../',
}),
},
]
],
},
plugins: [
new CleanWebpackPlugin([
path.resolve(__dirname, 'build2/*')
path.resolve(__dirname, 'build2/*'),
]),
new AngularCompilerPlugin({
tsConfigPath: 'tsconfig.json',
entryModule: 'src/popup2/app.module#AppModule',
sourceMap: true
sourceMap: true,
}),
// ref: https://github.com/angular/angular/issues/20357
new webpack.ContextReplacementPlugin(
/\@angular(\\|\/)core(\\|\/)esm5/,
path.resolve(__dirname, './src')
path.resolve(__dirname, './src'),
),
new webpack.optimize.CommonsChunkPlugin({
name: 'popup/vendor',
chunks: ['popup/main'],
minChunks: isVendorModule
minChunks: isVendorModule,
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
chunks: ['background'],
minChunks: isVendorModule
minChunks: isVendorModule,
}),
new HtmlWebpackPlugin({
template: './src/popup2/index.html',
filename: 'popup/index.html',
chunks: ['popup/vendor', 'popup/main']
chunks: ['popup/vendor', 'popup/main'],
}),
new HtmlWebpackPlugin({
template: './src/background.html',
filename: 'background.html',
chunks: ['vendor', 'background']
chunks: ['vendor', 'background'],
}),
new HtmlWebpackPlugin({
template: './src/downloader/index.html',
filename: 'downloader/index.html',
chunks: ['downloader/downloader']
chunks: ['downloader/downloader'],
}),
new HtmlWebpackPlugin({
template: './src/2fa/index.html',
filename: '2fa/index.html',
chunks: ['2fa/2fa']
chunks: ['2fa/2fa'],
}),
new CopyWebpackPlugin([
'./src/manifest.json',
{ from: './src/manifest.json', to: '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' }
{ from: './src/content/autofill.css', to: 'content' },
]),
new webpack.SourceMapDevToolPlugin({
filename: '[name].js.map',
include: ['popup/main.js', 'background.js']
include: ['popup/main.js', 'background.js'],
}),
extractCss
extractCss,
],
resolve: {
extensions: ['.tsx', '.ts', '.js'],
alias: {
jslib: path.join(__dirname, 'jslib/src'),
},
symlinks: false,
modules: [path.resolve('node_modules')]
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'build2')
}
};
export default config;