mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 18:14:17 +00:00
fixed webpack.test config
This commit is contained in:
lotte
@@ -1,8 +1,13 @@
|
|||||||
const {
|
const {
|
||||||
projectRoot,
|
projectRoot,
|
||||||
|
buildRoot,
|
||||||
|
themedTest,
|
||||||
|
themedUse,
|
||||||
|
themePath,
|
||||||
globalCSSImports,
|
globalCSSImports,
|
||||||
themeReplaceOptions
|
themeReplaceOptions
|
||||||
} = require('./helpers');
|
} = require('./helpers');
|
||||||
|
const path = require('path');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Webpack Plugins
|
* Webpack Plugins
|
||||||
@@ -25,253 +30,296 @@ const ENV = process.env.ENV = process.env.NODE_ENV = 'test';
|
|||||||
*
|
*
|
||||||
* See: http://webpack.github.io/docs/configuration.html#cli
|
* See: http://webpack.github.io/docs/configuration.html#cli
|
||||||
*/
|
*/
|
||||||
module.exports = function (options) {
|
module.exports = function (env) {
|
||||||
return {
|
return {
|
||||||
mode: 'development',
|
mode: 'development',
|
||||||
/**
|
/**
|
||||||
* Source map for Karma from the help of karma-sourcemap-loader & karma-webpack
|
* Source map for Karma from the help of karma-sourcemap-loader & karma-webpack
|
||||||
*
|
*
|
||||||
* Do not change, leave as is or it wont work.
|
* Do not change, leave as is or it wont work.
|
||||||
* See: https://github.com/webpack/karma-webpack#source-maps
|
* See: https://github.com/webpack/karma-webpack#source-maps
|
||||||
*/
|
*/
|
||||||
devtool: 'source-map',
|
devtool: 'source-map',
|
||||||
|
|
||||||
/**
|
|
||||||
* Options affecting the resolving of modules.
|
|
||||||
*
|
|
||||||
* See: http://webpack.github.io/docs/configuration.html#resolve
|
|
||||||
*/
|
|
||||||
resolve: {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* An array of extensions that should be used to resolve modules.
|
|
||||||
*
|
|
||||||
* See: http://webpack.github.io/docs/configuration.html#resolve-extensions
|
|
||||||
*/
|
|
||||||
extensions: ['.ts', '.js', '.json'],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Make sure root is src
|
|
||||||
*/
|
|
||||||
modules: [projectRoot('src'), 'node_modules']
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Options affecting the normal modules.
|
|
||||||
*
|
|
||||||
* See: http://webpack.github.io/docs/configuration.html#module
|
|
||||||
*
|
|
||||||
* 'use:' revered back to 'loader:' as a temp. workaround for #1188
|
|
||||||
* See: https://github.com/AngularClass/angular2-webpack-starter/issues/1188#issuecomment-262872034
|
|
||||||
*/
|
|
||||||
module: {
|
|
||||||
|
|
||||||
rules: [
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Source map loader support for *.js files
|
* Options affecting the resolving of modules.
|
||||||
* Extracts SourceMaps for source files that as added as sourceMappingURL comment.
|
|
||||||
*
|
*
|
||||||
* See: https://github.com/webpack/source-map-loader
|
* See: http://webpack.github.io/docs/configuration.html#resolve
|
||||||
*/
|
*/
|
||||||
{
|
resolve: {
|
||||||
enforce: 'pre',
|
|
||||||
test: /\.js$/,
|
/**
|
||||||
loader: 'source-map-loader',
|
* An array of extensions that should be used to resolve modules.
|
||||||
exclude: [/node_modules/],
|
*
|
||||||
|
* See: http://webpack.github.io/docs/configuration.html#resolve-extensions
|
||||||
|
*/
|
||||||
|
extensions: ['.ts', '.js', '.json'],
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make sure root is src
|
||||||
|
*/
|
||||||
|
modules: [projectRoot('src'), 'node_modules']
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.component.ts$/,
|
|
||||||
loader: 'string-replace-loader',
|
|
||||||
options: themeReplaceOptions
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* Typescript loader support for .ts and Angular 2 async routes via .async.ts
|
|
||||||
*
|
|
||||||
* See: https://github.com/TypeStrong/ts-loader
|
|
||||||
*/
|
|
||||||
{
|
|
||||||
test: /\.tsx?$/,
|
|
||||||
loaders: [{
|
|
||||||
loader: 'ts-loader',
|
|
||||||
options: {
|
|
||||||
configFile: projectRoot('src/tsconfig.test.json'),
|
|
||||||
transpileOnly: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'angular2-template-loader'
|
|
||||||
],
|
|
||||||
exclude: [/\.e2e\.ts$/]
|
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* CSS loader support for *.css files
|
* Options affecting the normal modules.
|
||||||
* Returns file content as string
|
|
||||||
*
|
*
|
||||||
* See: https://github.com/webpack/css-loader
|
* See: http://webpack.github.io/docs/configuration.html#module
|
||||||
|
*
|
||||||
|
* 'use:' revered back to 'loader:' as a temp. workaround for #1188
|
||||||
|
* See: https://github.com/AngularClass/angular2-webpack-starter/issues/1188#issuecomment-262872034
|
||||||
*/
|
*/
|
||||||
{
|
module: {
|
||||||
test: /\.css$/,
|
|
||||||
use: [{
|
|
||||||
loader: 'to-string-loader',
|
|
||||||
options: {
|
|
||||||
sourceMap: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: 'css-loader',
|
|
||||||
options: {
|
|
||||||
sourceMap: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: 'postcss-loader',
|
|
||||||
options: {
|
|
||||||
sourceMap: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
rules: [
|
||||||
* SASS loader support for *.css files
|
|
||||||
* Returns file content as string
|
/**
|
||||||
*
|
* Source map loader support for *.js files
|
||||||
*/
|
* Extracts SourceMaps for source files that as added as sourceMappingURL comment.
|
||||||
{
|
*
|
||||||
test: /\.scss$/,
|
* See: https://github.com/webpack/source-map-loader
|
||||||
use: [
|
*/
|
||||||
{
|
{
|
||||||
loader: 'raw-loader',
|
test: (filePath) => themedTest(filePath, 'scss'),
|
||||||
options: {
|
use: (info) => themedUse(info.resource, 'scss')
|
||||||
sourceMap: true
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
loader: 'resolve-url-loader',
|
test: (filePath) => themedTest(filePath, 'html'),
|
||||||
options: {
|
use: (info) => themedUse(info.resource, 'html')
|
||||||
sourceMap: true
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* Typescript loader support for .ts and Angular 2 async routes via .async.ts
|
||||||
|
*
|
||||||
|
* See: https://github.com/TypeStrong/ts-loader
|
||||||
|
*/
|
||||||
{
|
{
|
||||||
loader: 'sass-loader',
|
test: /\.tsx?$/,
|
||||||
options: {
|
loaders: [{
|
||||||
sourceMap: true
|
loader: 'ts-loader',
|
||||||
}
|
options: {
|
||||||
},
|
configFile: projectRoot('src/tsconfig.test.json'),
|
||||||
{
|
transpileOnly: true
|
||||||
loader: 'string-replace-loader',
|
}
|
||||||
options: themeReplaceOptions
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: 'sass-resources-loader',
|
|
||||||
options: {
|
|
||||||
resources: globalCSSImports
|
|
||||||
},
|
},
|
||||||
|
'angular2-template-loader'
|
||||||
|
],
|
||||||
|
exclude: [/\.e2e\.ts$/]
|
||||||
},
|
},
|
||||||
'webpack-import-glob-loader'
|
|
||||||
|
/**
|
||||||
|
* CSS loader support for *.css files
|
||||||
|
* Returns file content as string
|
||||||
|
*
|
||||||
|
* See: https://github.com/webpack/css-loader
|
||||||
|
*/
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
use: [{
|
||||||
|
loader: 'to-string-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'css-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'postcss-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* SASS loader support for *.css files
|
||||||
|
* Returns file content as string
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
{
|
||||||
|
test: /\.scss$/,
|
||||||
|
exclude: [
|
||||||
|
/node_modules/,
|
||||||
|
buildRoot('styles/_exposed_variables.scss', env),
|
||||||
|
buildRoot('styles/_variables.scss', env)
|
||||||
|
],
|
||||||
|
use: [
|
||||||
|
{
|
||||||
|
loader: 'raw-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'postcss-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'resolve-url-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'sass-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true,
|
||||||
|
includePaths: [path.join(themePath, 'styles')]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'sass-resources-loader',
|
||||||
|
options: {
|
||||||
|
resources: globalCSSImports(env)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'string-replace-loader',
|
||||||
|
options: themeReplaceOptions
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /(_exposed)?_variables.scss$/,
|
||||||
|
exclude: [/node_modules/],
|
||||||
|
use: [
|
||||||
|
{
|
||||||
|
loader: 'css-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true,
|
||||||
|
modules: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'postcss-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'resolve-url-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'sass-loader',
|
||||||
|
options: {
|
||||||
|
sourceMap: true,
|
||||||
|
includePaths: [path.join(themePath, 'styles')]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
loader: 'string-replace-loader',
|
||||||
|
options: themeReplaceOptions
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Raw loader support for *.html
|
||||||
|
* Returns file content as string
|
||||||
|
*
|
||||||
|
* See: https://github.com/webpack/raw-loader
|
||||||
|
*/
|
||||||
|
{
|
||||||
|
test: /\.html$/,
|
||||||
|
loader: 'raw-loader',
|
||||||
|
exclude: [projectRoot('src/index.html')]
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Instruments JS files with Istanbul for subsequent code coverage reporting.
|
||||||
|
* Instrument only testing sources.
|
||||||
|
*
|
||||||
|
* See: https://github.com/deepsweet/istanbul-instrumenter-loader
|
||||||
|
*/
|
||||||
|
{
|
||||||
|
enforce: 'post',
|
||||||
|
test: /\.(js|ts)$/,
|
||||||
|
loader: 'istanbul-instrumenter-loader',
|
||||||
|
query: {
|
||||||
|
esModules: true
|
||||||
|
},
|
||||||
|
include: projectRoot('src'),
|
||||||
|
exclude: [
|
||||||
|
/\.(e2e|spec)\.ts$/,
|
||||||
|
/node_modules/
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Raw loader support for *.html
|
* Add additional plugins to the compiler.
|
||||||
* Returns file content as string
|
|
||||||
*
|
*
|
||||||
* See: https://github.com/webpack/raw-loader
|
* See: http://webpack.github.io/docs/configuration.html#plugins
|
||||||
*/
|
*/
|
||||||
{
|
plugins: [
|
||||||
test: /\.html$/,
|
|
||||||
loader: 'raw-loader',
|
new ContextReplacementPlugin(
|
||||||
exclude: [projectRoot('src/index.html')]
|
/angular(\\|\/)core(\\|\/)@angular/,
|
||||||
|
projectRoot('./src'), {}
|
||||||
|
),
|
||||||
|
// Workaround for https://github.com/angular/angular/issues/20357
|
||||||
|
new ContextReplacementPlugin(
|
||||||
|
/\@angular(\\|\/)core(\\|\/)esm5/,
|
||||||
|
projectRoot('./src'), {}
|
||||||
|
),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Plugin: DefinePlugin
|
||||||
|
* Description: Define free variables.
|
||||||
|
* Useful for having development builds with debug logging or adding global constants.
|
||||||
|
*
|
||||||
|
* Environment helpers
|
||||||
|
*
|
||||||
|
* See: https://webpack.github.io/docs/list-of-plugins.html#defineplugin
|
||||||
|
*/
|
||||||
|
// NOTE: when adding more properties make sure you include them in custom-typings.d.ts
|
||||||
|
new DefinePlugin({
|
||||||
|
'ENV': JSON.stringify(ENV),
|
||||||
|
'HMR': false,
|
||||||
|
'process.env': {
|
||||||
|
'ENV': JSON.stringify(ENV),
|
||||||
|
'NODE_ENV': JSON.stringify(ENV),
|
||||||
|
'HMR': false,
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
new ForkTsCheckerWebpackPlugin()
|
||||||
|
],
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Disable performance hints
|
||||||
|
*
|
||||||
|
* See: https://github.com/a-tarasyuk/rr-boilerplate/blob/master/webpack/dev.config.babel.js#L41
|
||||||
|
*/
|
||||||
|
performance: {
|
||||||
|
hints: false
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Instruments JS files with Istanbul for subsequent code coverage reporting.
|
* Include polyfills or mocks for various node stuff
|
||||||
* Instrument only testing sources.
|
* Description: Node configuration
|
||||||
*
|
*
|
||||||
* See: https://github.com/deepsweet/istanbul-instrumenter-loader
|
* See: https://webpack.github.io/docs/configuration.html#node
|
||||||
*/
|
*/
|
||||||
{
|
node: {
|
||||||
enforce: 'post',
|
global: true,
|
||||||
test: /\.(js|ts)$/,
|
process: false,
|
||||||
loader: 'istanbul-instrumenter-loader',
|
crypto: 'empty',
|
||||||
query: {
|
module: false,
|
||||||
esModules: true
|
clearImmediate: false,
|
||||||
},
|
setImmediate: false
|
||||||
include: projectRoot('src'),
|
|
||||||
exclude: [
|
|
||||||
/\.(e2e|spec)\.ts$/,
|
|
||||||
/node_modules/
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|
||||||
]
|
};
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add additional plugins to the compiler.
|
|
||||||
*
|
|
||||||
* See: http://webpack.github.io/docs/configuration.html#plugins
|
|
||||||
*/
|
|
||||||
plugins: [
|
|
||||||
|
|
||||||
new ContextReplacementPlugin(
|
|
||||||
/angular(\\|\/)core(\\|\/)@angular/,
|
|
||||||
projectRoot('./src'), {}
|
|
||||||
),
|
|
||||||
// Workaround for https://github.com/angular/angular/issues/20357
|
|
||||||
new ContextReplacementPlugin(
|
|
||||||
/\@angular(\\|\/)core(\\|\/)esm5/,
|
|
||||||
projectRoot('./src'), {}
|
|
||||||
),
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Plugin: DefinePlugin
|
|
||||||
* Description: Define free variables.
|
|
||||||
* Useful for having development builds with debug logging or adding global constants.
|
|
||||||
*
|
|
||||||
* Environment helpers
|
|
||||||
*
|
|
||||||
* See: https://webpack.github.io/docs/list-of-plugins.html#defineplugin
|
|
||||||
*/
|
|
||||||
// NOTE: when adding more properties make sure you include them in custom-typings.d.ts
|
|
||||||
new DefinePlugin({
|
|
||||||
'ENV': JSON.stringify(ENV),
|
|
||||||
'HMR': false,
|
|
||||||
'process.env': {
|
|
||||||
'ENV': JSON.stringify(ENV),
|
|
||||||
'NODE_ENV': JSON.stringify(ENV),
|
|
||||||
'HMR': false,
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
new ForkTsCheckerWebpackPlugin()
|
|
||||||
],
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Disable performance hints
|
|
||||||
*
|
|
||||||
* See: https://github.com/a-tarasyuk/rr-boilerplate/blob/master/webpack/dev.config.babel.js#L41
|
|
||||||
*/
|
|
||||||
performance: {
|
|
||||||
hints: false
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Include polyfills or mocks for various node stuff
|
|
||||||
* Description: Node configuration
|
|
||||||
*
|
|
||||||
* See: https://webpack.github.io/docs/configuration.html#node
|
|
||||||
*/
|
|
||||||
node: {
|
|
||||||
global: true,
|
|
||||||
process: false,
|
|
||||||
crypto: 'empty',
|
|
||||||
module: false,
|
|
||||||
clearImmediate: false,
|
|
||||||
setImmediate: false
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user