summaryrefslogtreecommitdiffstats
path: root/catalog-ui/webpack.common.js
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/webpack.common.js')
-rw-r--r--catalog-ui/webpack.common.js313
1 files changed, 313 insertions, 0 deletions
diff --git a/catalog-ui/webpack.common.js b/catalog-ui/webpack.common.js
new file mode 100644
index 0000000000..818d031776
--- /dev/null
+++ b/catalog-ui/webpack.common.js
@@ -0,0 +1,313 @@
+const path = require('path');
+const webpack = require('webpack');
+const ProgressPlugin = require('webpack/lib/ProgressPlugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const autoprefixer = require('autoprefixer');
+const postcssUrl = require('postcss-url');
+const {GlobCopyWebpackPlugin, BaseHrefWebpackPlugin} = require('@angular/cli/plugins/webpack');
+const {CommonsChunkPlugin} = require('webpack').optimize;
+const {AotPlugin} = require('@ngtools/webpack');
+
+const nodeModules = path.join(process.cwd(), 'node_modules');
+
+const bundledScripts = [
+ "script-loader!./node_modules/jquery/dist/jquery.min.js",
+ "script-loader!./node_modules/lodash/lodash.min.js",
+ "script-loader!./node_modules/angular/angular.min.js",
+ "script-loader!./node_modules/restangular/dist/restangular.min.js",
+ "script-loader!./node_modules/jqueryui/jquery-ui.min.js",
+ "script-loader!./node_modules/angular-ui-router/release/angular-ui-router.min.js",
+ "script-loader!./node_modules/angular-filter/dist/angular-filter.min.js",
+ "script-loader!./node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js",
+ "script-loader!./node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js",
+ "script-loader!./node_modules/angular-resource/angular-resource.min.js",
+ "script-loader!./node_modules/angular-base64/angular-base64.min.js",
+ "script-loader!./node_modules/angular-uuid4/angular-uuid4.min.js",
+ "script-loader!./node_modules/angular-translate/dist/angular-translate.min.js",
+ "script-loader!./node_modules/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js",
+ "script-loader!./node_modules/angular-base64-upload/dist/angular-base64-upload.min.js",
+ "script-loader!./node_modules/angular-ui-notification/dist/angular-ui-notification.min.js",
+ "script-loader!./node_modules/cytoscape/dist/cytoscape.min.js",
+ "script-loader!./node_modules/checklist-model/checklist-model.js",
+ "script-loader!./node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.min.js",
+ "script-loader!./node_modules/qtip2/dist/jquery.qtip.min.js",
+ "script-loader!./node_modules/cytoscape-qtip/cytoscape-qtip.js",
+ "script-loader!./node_modules/js-md5/build/md5.min.js",
+ "script-loader!./node_modules/angular-clipboard/angular-clipboard.js",
+ "script-loader!./node_modules/angular-resizable/angular-resizable.min.js",
+ "script-loader!./node_modules/angular-dragdrop/src/angular-dragdrop.min.js",
+ "script-loader!./node_modules/angular-tooltips/dist/angular-tooltips.min.js",
+ "script-loader!./node_modules/angular-sanitize/angular-sanitize.min.js"
+];
+const baseHref = undefined;
+const deployUrl = undefined;
+
+// Arguments pass from webpack
+const prod = process.argv.indexOf('-p') !== -1;
+
+module.exports = function(params) {
+
+ const webpackCommonConfig = {
+ resolve: {
+ extensions: [
+ ".ts",
+ ".js",
+ ".less"
+ ],
+ modules: [
+ "./node_modules"
+ ],
+ alias: {
+ directives: path.join(__dirname, 'app/directives/'),
+ }
+ },
+ resolveLoader: {
+ modules: [
+ "./node_modules"
+ ]
+ },
+ entry: {
+ 'scripts/main': [ './src/main.ts' ],
+ 'scripts/polyfills': [ './src/polyfills.ts' ],
+ 'scripts/vendor': bundledScripts,
+ 'scripts/styles': [ "./src/styles.less" ]
+ },
+ module: {
+ rules: [
+ {
+ enforce: "pre",
+ test: /\.js$/,
+ loader: "source-map-loader",
+ exclude: [ /\/node_modules\// ]
+ },
+ { test: /\.json$/, loader: "json-loader" },
+ { test: /\.html$/, loader: "html-loader" },
+ {
+ exclude: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.css$/,
+ loaders: [
+ "exports-loader?module.exports.toString()",
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader"
+ ]
+ },
+ {
+ exclude: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.scss$|\.sass$/,
+ loaders: [
+ "exports-loader?module.exports.toString()",
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader",
+ "sass-loader"
+ ]
+ },
+ {
+ exclude: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.less$/,
+ loaders: [
+ "exports-loader?module.exports.toString()",
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader",
+ "less-loader"
+ ]
+ },
+ {
+ exclude: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.styl$/,
+ loaders: [
+ "exports-loader?module.exports.toString()",
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader",
+ "stylus-loader?{\"sourceMap\":false,\"paths\":[]}"
+ ]
+ },
+ {
+ include: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.css$/,
+ loaders: ExtractTextPlugin.extract({
+ use: [
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader"
+ ],
+ fallback: "style-loader",
+ publicPath: ""
+ })
+ },
+ {
+ include: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.scss$|\.sass$/,
+ loaders: ExtractTextPlugin.extract({
+ use: [
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader",
+ "sass-loader"
+ ],
+ fallback: "style-loader",
+ publicPath: ""
+ })
+ },
+ {
+ include: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.less$/,
+ loaders: ExtractTextPlugin.extract({
+ use: [
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader",
+ "less-loader"
+ ],
+ fallback: "style-loader",
+ publicPath: ""
+ })
+ },
+ {
+ include: [ path.join(process.cwd(), "src/styles.less") ],
+ test: /\.styl$/,
+ loaders: ExtractTextPlugin.extract({
+ use: [
+ "css-loader?{\"sourceMap\":false,\"importLoaders\":1}",
+ "postcss-loader",
+ "stylus-loader?{\"sourceMap\":false,\"paths\":[]}"
+ ],
+ fallback: "style-loader",
+ publicPath: ""
+ })
+ },
+ { test: /\.ts$/, loader: "@ngtools/webpack" }
+ ]
+ },
+ plugins: [
+ new CleanWebpackPlugin(['dist', 'build'], {
+ root: path.join(__dirname, ''),
+ verbose: true,
+ dry: false,
+ exclude: ['shared.js']
+ }),
+ new webpack.LoaderOptionsPlugin({
+ debug: false
+ }),
+ new webpack.DefinePlugin({
+ process: {
+ env: {
+ sdcConfig: prod? '"production"': '"development"'
+ }
+ }
+ }),
+ new webpack.NoEmitOnErrorsPlugin(),
+ new ProgressPlugin(),
+ // new HtmlWebpackPlugin({
+ // template: "./src/index.html",
+ // filename: "./index.html",
+ // hash: false,
+ // inject: true,
+ // compile: true,
+ // favicon: false,
+ // minify: false,
+ // cache: true,
+ // showErrors: true,
+ // chunks: "all",
+ // excludeChunks: [],
+ // title: "Webpack App",
+ // xhtml: true,
+ // chunksSortMode: function sort(left, right) {
+ // let paramsString = params.entryPoints + '';
+ // let leftString = left.names[0].replace('scripts/','');
+ // let rightString = right.names[0].replace('scripts/','');
+ // let leftIndex = paramsString.indexOf(leftString);
+ // let rightindex = paramsString.indexOf(rightString);
+ // //console.log("left: " + leftString + " | leftIndex: " + leftIndex);
+ // //console.log("right: " + rightString + " | rightindex: " + rightindex);
+ // //console.log("result: " + leftIndex-rightindex);
+ // //console.log("----------------------------------------");
+ // return leftIndex-rightindex;
+ // }
+ // }),
+ new GlobCopyWebpackPlugin({
+ patterns: [
+ "assets/languages",
+ "assets/styles/fonts",
+ "assets/styles/images",
+ "assets/styles/app.css"
+ ],
+ globOptions: {
+ cwd: path.join(process.cwd(), "src"),
+ dot: true,
+ ignore: "**/.gitkeep"
+ }
+ }),
+ new GlobCopyWebpackPlugin({
+ patterns: [
+ "configurations"
+ ],
+ globOptions: {
+ cwd: path.join(process.cwd(), ""),
+ dot: true,
+ ignore: "**/.gitkeep"
+ }
+ }),
+ new BaseHrefWebpackPlugin({}),
+ new CommonsChunkPlugin({
+ name: "scripts/inline",
+ minChunks: null
+ }),
+ new CommonsChunkPlugin({
+ name: "scripts/vendor",
+ minChunks: (module) => module.resource && module.resource.startsWith(nodeModules),
+ chunks: [
+ "main"
+ ]
+ }),
+ new ExtractTextPlugin({
+ filename: "[name].bundle.css",
+ disable: true
+ }),
+ new webpack.LoaderOptionsPlugin({
+ sourceMap: false,
+ options: {
+ postcss: [
+ autoprefixer(),
+ postcssUrl({
+ url: (URL) => {
+ // Only convert absolute URLs, which CSS-Loader won't process into require().
+ if (!URL.startsWith('/')) {
+ return URL;
+ }
+ // Join together base-href, deploy-url and the original URL.
+ // Also dedupe multiple slashes into single ones.
+ return `/${baseHref || ''}/${deployUrl || ''}/${URL}`.replace(/\/\/+/g, '/');
+ }
+ })
+ ],
+ sassLoader: {
+ sourceMap: false,
+ includePaths: []
+ },
+ lessLoader: {
+ sourceMap: false
+ },
+ context: ""
+ }
+ }),
+ new AotPlugin({
+ mainPath: "main.ts",
+ exclude: [],
+ tsConfigPath: "src/tsconfig.json",
+ skipCodeGeneration: true
+ })
+ ],
+ node: {
+ fs: "empty",
+ global: true,
+ crypto: "empty",
+ tls: "empty",
+ net: "empty",
+ process: true,
+ module: false,
+ clearImmediate: false,
+ setImmediate: false
+ }
+ }
+
+ return webpackCommonConfig;
+}