@papillonarts/setup 0.9.0 → 0.11.0

package/webpack/plugin/webpackBundleAnalyzer.ts

@@ -1,7 +0,0 @@
-// https://github.com/webpack-contrib/webpack-bundle-analyzer
-
-import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
-
-export function getWebpackBundleAnalyzerStandardSetup() {
-  return new BundleAnalyzerPlugin({ analyzerMode: 'static', openAnalyzer: false })
-}

package/webpack/plugin/webpackManifestPlugin.ts

@@ -1,15 +0,0 @@
-// https://github.com/shellscape/webpack-manifest-plugin
-/* eslint-disable no-param-reassign  */
-import { WebpackManifestPlugin } from 'webpack-manifest-plugin'
-import { manifestFileName } from '../constant'
-
-export function getWebpackManifestPluginStandardSetup() {
-  return new WebpackManifestPlugin({
-    fileName: manifestFileName,
-    basePath: '',
-    map: (file) => {
-      file.name = file.name.replace(/(\.[a-f0-9]{32})(\..*)$/, '$2')
-      return file
-    },
-  })
-}

package/webpack/server/devServer.ts

@@ -1,13 +0,0 @@
-// https://webpack.js.org/configuration/dev-server/
-
-export function getDevServerStandardSetup() {
-  return {
-    historyApiFallback: true,
-    open: true,
-    compress: true,
-    hot: true,
-    port: 8080,
-    host: 'localhost',
-    headers: { 'Access-Control-Allow-Origin': '*' },
-  }
-}

package/webpack/setup/commonSetup.ts

@@ -1,36 +0,0 @@
-import { getBabelLoaderAdvancedSetup } from '../loader/babelLoader'
-import { getFontLoaderStandardSetup } from '../loader/fontLoader'
-import { getImageLoaderStandardSetup } from '../loader/imageLoader'
-import { getSVGRLoaderAdvancedSetup } from '../loader/svgrLoader'
-import { getMarkdownLoaderStandardSetup } from '../loader/markdownLoader'
-import { getCleanWebpackPluginStandardSetup } from '../plugin/cleanWebpackPlugin'
-import { getCopyWebpackPluginStandardSetup } from '../plugin/copyWebpackPlugin'
-import { getHtmlWebpackPluginStandardSetup } from '../plugin/htmlWebpackPlugin'
-import { getWebpackManifestPluginStandardSetup } from '../plugin/webpackManifestPlugin'
-import { extensions } from '../constant'
-
-export function getWebpackCommonSetup({ micrositeFolderPaths, packageJSON }) {
-  return {
-    entry: [`${micrositeFolderPaths.src}/index.js`],
-    plugins: [
-      getCleanWebpackPluginStandardSetup(),
-      getCopyWebpackPluginStandardSetup({ from: micrositeFolderPaths.public, to: 'assets' }),
-      getHtmlWebpackPluginStandardSetup({ title: packageJSON.description, micrositeWebpackFolderPath: micrositeFolderPaths.webpack }),
-      getWebpackManifestPluginStandardSetup(),
-    ],
-    module: {
-      rules: [
-        getBabelLoaderAdvancedSetup(),
-        getFontLoaderStandardSetup(),
-        getImageLoaderStandardSetup(),
-        getMarkdownLoaderStandardSetup(),
-        getSVGRLoaderAdvancedSetup(),
-      ],
-    },
-
-    resolve: {
-      modules: [micrositeFolderPaths.src, micrositeFolderPaths.nodeModules],
-      extensions,
-    },
-  }
-}

package/webpack/setup/developmentSetup.ts

@@ -1,52 +0,0 @@
-import { merge } from 'webpack-merge'
-import { getCSSLoaderStandardSetup } from '../loader/cssLoader'
-import { getPostCSSLoaderStandardSetup } from '../loader/postCSSLoader'
-import { getSassLoaderStandardSetup } from '../loader/sassLoader'
-import { getDotenvWebpackStandardSetup } from '../plugin/dotenvWebpack'
-import { getHotModuleReplacementPluginStandardSetup } from '../plugin/hotModuleReplacementPlugin'
-import { getDevServerStandardSetup } from '../server/devServer'
-
-export function getWebpackDevelopmentSetup({
-  webpackCommonSetup,
-  environmentVariablesFilePath,
-  micrositeUrlPath,
-  micrositeFolderPaths,
-  includedSourceFilePaths,
-}) {
-  return merge([
-    webpackCommonSetup,
-    {
-      mode: 'development',
-      devtool: 'inline-source-map',
-      devServer: getDevServerStandardSetup(),
-      output: { path: micrositeFolderPaths.build, publicPath: micrositeUrlPath, filename: '[name].bundle.js' },
-      optimization: {
-        concatenateModules: true,
-      },
-      plugins: [getDotenvWebpackStandardSetup({ path: environmentVariablesFilePath }), getHotModuleReplacementPluginStandardSetup()],
-      module: {
-        rules: [
-          {
-            test: /\.s[ac]ss$/i,
-            include: includedSourceFilePaths,
-            use: [
-              'style-loader',
-              getCSSLoaderStandardSetup({
-                sourceMap: false,
-                modules: {
-                  localIdentName: '[name]_[local]_[hash:base64:5]',
-                  /* https://webpack.js.org/loaders/css-loader/#exportlocalsconvention */
-                  exportLocalsConvention: 'as-is',
-                },
-                /* https://stackoverflow.com/questions/78589664/style-loader-does-not-recoginize-default-imports-of-css-modules-in-storybooks */
-                esModule: false,
-              }),
-              getPostCSSLoaderStandardSetup(),
-              getSassLoaderStandardSetup({ includePaths: includedSourceFilePaths }),
-            ],
-          },
-        ],
-      },
-    },
-  ])
-}

package/webpack/setup/productionSetup.ts

@@ -1,66 +0,0 @@
-import { merge } from 'webpack-merge'
-import { getCSSLoaderStandardSetup } from '../loader/cssLoader'
-import { getBannerPluginStandardSetup } from '../plugin/bannerPlugin'
-import { getCSSMinimizerWebpackPluginStandardSetup } from '../plugin/cssMinimizerWebpackPlugin'
-import { getDotenvWebpackStandardSetup } from '../plugin/dotenvWebpack'
-import { MiniCSSExtractPluginLoader, getMiniCSSExtractPluginAdvancedSetup } from '../plugin/miniCSSExtractPlugin'
-import { getWebpackBundleAnalyzerStandardSetup } from '../plugin/webpackBundleAnalyzer'
-
-export function getWebpackProductionSetup({
-  webpackCommonSetup,
-  environmentVariablesFilePath,
-  micrositeUrlPath,
-  micrositeFolderPaths,
-  packageJSON,
-}) {
-  return 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: [getCSSMinimizerWebpackPluginStandardSetup(), '...'],
-        runtimeChunk: { name: 'runtime' },
-      },
-      plugins: [
-        getBannerPluginStandardSetup(packageJSON),
-        getDotenvWebpackStandardSetup({ path: environmentVariablesFilePath }),
-        getMiniCSSExtractPluginAdvancedSetup(),
-        getWebpackBundleAnalyzerStandardSetup(),
-      ],
-      module: {
-        rules: [
-          {
-            test: /\.(sass|scss|css)$/,
-            use: [
-              MiniCSSExtractPluginLoader,
-              getCSSLoaderStandardSetup({
-                sourceMap: false,
-                modules: {
-                  localIdentName: '[name]_[local]_[hash:base64:5]',
-                  /* https://webpack.js.org/loaders/css-loader/#exportlocalsconvention */
-                  exportLocalsConvention: 'as-is',
-                },
-                /* https://stackoverflow.com/questions/78589664/style-loader-does-not-recoginize-default-imports-of-css-modules-in-storybooks */
-                esModule: false,
-              }),
-              'postcss-loader',
-              'sass-loader',
-            ],
-          },
-        ],
-      },
-    },
-  ])
-}