@papillonarts/setup 0.1.0

package/webpack/setup/commonSetup.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackCommonSetup = getWebpackCommonSetup;
+var _babelLoader = require("../loader/babelLoader");
+var _fontLoader = require("../loader/fontLoader");
+var _imageLoader = require("../loader/imageLoader");
+var _svgrLoader = require("../loader/svgrLoader");
+var _markdownLoader = require("../loader/markdownLoader");
+var _cleanWebpackPlugin = require("../plugin/cleanWebpackPlugin");
+var _copyWebpackPlugin = require("../plugin/copyWebpackPlugin");
+var _htmlWebpackPlugin = require("../plugin/htmlWebpackPlugin");
+var _webpackManifestPlugin = require("../plugin/webpackManifestPlugin");
+var _constant = require("../constant");
+function getWebpackCommonSetup(_ref) {
+  var micrositeFolderPaths = _ref.micrositeFolderPaths,
+    packageJSON = _ref.packageJSON;
+  return {
+    entry: ["".concat(micrositeFolderPaths.src, "/index.js")],
+    plugins: [(0, _cleanWebpackPlugin.getCleanWebpackPluginStandardSetup)(), (0, _copyWebpackPlugin.getCopyWebpackPluginStandardSetup)({
+      from: micrositeFolderPaths["public"],
+      to: 'assets'
+    }), (0, _htmlWebpackPlugin.getHtmlWebpackPluginStandardSetup)({
+      title: packageJSON.description,
+      micrositeWebpackFolderPath: micrositeFolderPaths.webpack
+    }), (0, _webpackManifestPlugin.getWebpackManifestPluginStandardSetup)()],
+    module: {
+      rules: [(0, _babelLoader.getBabelLoaderAdvancedSetup)(), (0, _fontLoader.getFontLoaderStandardSetup)(), (0, _imageLoader.getImageLoaderStandardSetup)(), (0, _markdownLoader.getMarkdownLoaderStandardSetup)(), (0, _svgrLoader.getSVGRLoaderAdvancedSetup)()]
+    },
+    resolve: {
+      modules: [micrositeFolderPaths.src, micrositeFolderPaths.nodeModules],
+      extensions: _constant.extensions
+    }
+  };
+}

package/webpack/setup/developmentSetup.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackDevelopmentSetup = getWebpackDevelopmentSetup;
+var _webpackMerge = require("webpack-merge");
+var _cssLoader = require("../loader/cssLoader");
+var _postCSSLoader = require("../loader/postCSSLoader");
+var _sassLoader = require("../loader/sassLoader");
+var _dotenvWebpack = require("../plugin/dotenvWebpack");
+var _hotModuleReplacementPlugin = require("../plugin/hotModuleReplacementPlugin");
+var _devServer = require("../server/devServer");
+function getWebpackDevelopmentSetup(_ref) {
+  var webpackCommonSetup = _ref.webpackCommonSetup,
+    environmentVariablesFilePath = _ref.environmentVariablesFilePath,
+    micrositeUrlPath = _ref.micrositeUrlPath,
+    micrositeFolderPaths = _ref.micrositeFolderPaths,
+    includedSourceFilePaths = _ref.includedSourceFilePaths;
+  return (0, _webpackMerge.merge)([webpackCommonSetup, {
+    mode: 'development',
+    devtool: 'inline-source-map',
+    devServer: (0, _devServer.getDevServerStandardSetup)(),
+    output: {
+      path: micrositeFolderPaths.build,
+      publicPath: micrositeUrlPath,
+      filename: '[name].bundle.js'
+    },
+    optimization: {
+      concatenateModules: true
+    },
+    plugins: [(0, _dotenvWebpack.getDotenvWebpackStandardSetup)({
+      path: environmentVariablesFilePath
+    }), (0, _hotModuleReplacementPlugin.getHotModuleReplacementPluginStandardSetup)()],
+    module: {
+      rules: [{
+        test: /\.s[ac]ss$/i,
+        include: includedSourceFilePaths,
+        use: ['style-loader', (0, _cssLoader.getCSSLoaderStandardSetup)({
+          sourceMap: false,
+          modules: {
+            localIdentName: '[name]_[local]_[hash:base64:5]'
+          }
+        }), (0, _postCSSLoader.getPostCSSLoaderStandardSetup)(), (0, _sassLoader.getSassLoaderStandardSetup)({
+          includedSourceFilePaths: includedSourceFilePaths
+        })]
+      }]
+    }
+  }]);
+}

package/webpack/setup/productionSetup.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackProductionSetup = getWebpackProductionSetup;
+var _webpackMerge = require("webpack-merge");
+var _cssLoader = require("../loader/cssLoader");
+var _bannerPlugin = require("../plugin/bannerPlugin");
+var _cssMinimizerWebpackPlugin = require("../plugin/cssMinimizerWebpackPlugin");
+var _dotenvWebpack = require("../plugin/dotenvWebpack");
+var _miniCSSExtractPlugin = require("../plugin/miniCSSExtractPlugin");
+var _webpackBundleAnalyzer = require("../plugin/webpackBundleAnalyzer");
+function getWebpackProductionSetup(_ref) {
+  var webpackCommonSetup = _ref.webpackCommonSetup,
+    environmentVariablesFilePath = _ref.environmentVariablesFilePath,
+    micrositeUrlPath = _ref.micrositeUrlPath,
+    micrositeFolderPaths = _ref.micrositeFolderPaths,
+    packageJSON = _ref.packageJSON;
+  return (0, _webpackMerge.merge)([webpackCommonSetup, {
+    mode: 'production',
+    devtool: false,
+    output: {
+      path: micrositeFolderPaths.build,
+      publicPath: micrositeUrlPath,
+      filename: 'js/[name].[contenthash].bundle.js'
+    },
+    performance: {
+      hints: false,
+      maxEntrypointSize: 512000,
+      maxAssetSize: 512000
+    },
+    optimization: {
+      minimize: true,
+      minimizer: [(0, _cssMinimizerWebpackPlugin.getCSSMinimizerWebpackPluginStandardSetup)(), '...'],
+      runtimeChunk: {
+        name: 'runtime'
+      }
+    },
+    plugins: [(0, _bannerPlugin.getBannerPluginStandardSetup)(packageJSON), (0, _dotenvWebpack.getDotenvWebpackStandardSetup)({
+      path: environmentVariablesFilePath
+    }), (0, _miniCSSExtractPlugin.getMiniCSSExtractPluginAdvancedSetup)(), (0, _webpackBundleAnalyzer.getWebpackBundleAnalyzerStandardSetup)()],
+    module: {
+      rules: [{
+        test: /\.(sass|scss|css)$/,
+        use: [_miniCSSExtractPlugin.MiniCSSExtractPluginLoader, (0, _cssLoader.getCSSLoaderStandardSetup)({
+          sourceMap: false,
+          modules: {
+            localIdentName: '[name]_[local]_[hash:base64:5]'
+          }
+        }), 'postcss-loader', 'sass-loader']
+      }]
+    }
+  }]);
+}