diff options
Diffstat (limited to 'sdnr/wt/odlux/framework/webpack.config.js')
-rw-r--r-- | sdnr/wt/odlux/framework/webpack.config.js | 186 |
1 files changed, 186 insertions, 0 deletions
diff --git a/sdnr/wt/odlux/framework/webpack.config.js b/sdnr/wt/odlux/framework/webpack.config.js new file mode 100644 index 000000000..4231d67e5 --- /dev/null +++ b/sdnr/wt/odlux/framework/webpack.config.js @@ -0,0 +1,186 @@ +/**
+ * Webpack 4 configuration file
+ * see https://webpack.js.org/configuration/
+ * see https://webpack.js.org/configuration/dev-server/
+ */
+
+"use strict";
+
+const path = require("path");
+const webpack = require("webpack");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const requirejsPlugin = require('requirejs-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+
+// const __dirname = (path => path.replace(/^([a-z]\:)/, c => c.toUpperCase()))(process.__dirname());
+
+module.exports = (env) => {
+ const distPath = path.resolve(__dirname, env === "release" ? "." : "..", "dist");
+ const frameworkPath = path.resolve(__dirname, env === "release" ? "." : "..", "dist");
+ return [{
+ name: "Client",
+ mode: "none", //disable default behavior
+ target: "web",
+
+ context: path.resolve(__dirname, "src"),
+
+ entry: {
+ app: [
+ "./app.tsx",
+ "./services",
+ "./components/material-table",
+ "./components/material-ui",
+ "./utilities/elasticSearch",
+ "./models"],
+ },
+
+ devtool: env === "release" ? false : "source-map",
+
+ resolve: {
+ extensions: [".ts", ".tsx", ".js", ".jsx"]
+ },
+
+ output: {
+ path: distPath,
+ library: "[name]", // related to webpack.DllPlugin::name
+ libraryTarget: "umd2",
+ filename: "[name].js",
+ chunkFilename: "[name].js"
+ },
+
+ module: {
+ rules: [{
+ test: /\.tsx?$/,
+ exclude: /node_modules/,
+ use: [{
+ loader: "babel-loader"
+ }, {
+ loader: "ts-loader"
+ }]
+ }, {
+ test: /\.jsx?$/,
+ exclude: /node_modules/,
+ use: [{
+ loader: "babel-loader"
+ }]
+ }, {
+ test: /\.(png|gif|jpg|svg)$/,
+ use: [{
+ loader: 'url-loader',
+ options: {
+ limit: 10000,
+ name: './images/[hash].[ext]'
+ }
+ }]
+ }]
+ },
+
+ optimization: {
+ noEmitOnErrors: true,
+ namedModules: env !== "release",
+ minimize: env === "release",
+ minimizer: env !== "release" ? [] : [new TerserPlugin({
+ terserOptions: {
+ mangle:{
+ reserved:["./app.tsx"]
+ },
+ warnings: false, // false, true, "verbose"
+ compress: {
+ drop_console: true,
+ drop_debugger: true,
+ }
+ }
+ })],
+ },
+
+ plugins: [
+ new CopyWebpackPlugin([{
+ from: '../../node_modules/requirejs/require.js',
+ to: '.'
+ }, {
+ from: './favicon.ico',
+ to: '.'
+ }, {
+ from: env === "release" ? './index.html' : 'index.dev.html',
+ to: './index.html'
+ }]),
+ new requirejsPlugin({
+ path: distPath,
+ filename: 'config.js',
+ baseUrl: '',
+ pathUrl: '',
+ processOutput: function (assets) {
+ return 'require.config(' + JSON.stringify(assets, null, 2) + ')';
+ }
+ }),
+ // new HtmlWebpackPlugin({
+ // filename: "index.html",
+ // template: "./index.html",
+ // inject: "head"
+ // }),
+ // new HtmlWebpackIncludeAssetsPlugin({
+ // assets: ['vendor.js'],
+ // append: false
+ // }),
+ new webpack.DllReferencePlugin({
+ context: path.resolve(__dirname, "src"),
+ manifest: require(path.resolve(frameworkPath, "vendor-manifest.json")),
+ sourceType: "umd2"
+ }),
+ new webpack.DllPlugin({
+ context: path.resolve(__dirname, "src"),
+ name: "[name]",
+ path: path.resolve(distPath, "[name]-manifest.json")
+ }),
+ ...(env === "release") ? [
+ new webpack.DefinePlugin({
+ "process.env": {
+ NODE_ENV: "'production'",
+ VERSION: JSON.stringify(require("./package.json").version)
+ }
+ }),
+ ] : [
+ new webpack.HotModuleReplacementPlugin(),
+ new webpack.DefinePlugin({
+ "process.env": {
+ NODE_ENV: "'development'",
+ VERSION: JSON.stringify(require("./package.json").version)
+ }
+ }),
+ new webpack.WatchIgnorePlugin([
+ /css\.d\.ts$/,
+ /less\.d\.ts$/
+ ])
+ ]
+ ],
+
+ devServer: {
+ public: "http://localhost:3100",
+ contentBase: distPath,
+
+ compress: true,
+ headers: {
+ "Access-Control-Allow-Origin": "*"
+ },
+ host: "0.0.0.0",
+ port: 3100,
+ disableHostCheck: true,
+ historyApiFallback: true,
+ inline: true,
+ hot: false,
+ quiet: false,
+ stats: {
+ colors: true
+ },
+ proxy: {
+ "/api/**/*": {
+ target: "http://localhost:3001",
+ secure: false
+ }
+ }
+ }
+
+ }];
+}
+
+
|