Init 1

webpack.config.js

@@ -0,0 +1,122 @@
+const Webpack = require('webpack')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const CleanPlugin = require('clean-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const path = require('path')
+
+const isProduction = process.env.NODE_ENV === 'production'
+
+const join = (...paths) => path.join(__dirname, ...paths)
+
+module.exports = {
+  resolve: {
+    extensions: [
+      '.js',
+      '.css'
+    ],
+    modules: [
+      'source',
+      'node_modules'
+    ]
+  },
+  watch: !isProduction,
+  entry: {
+    'main.js': join('source', 'js', 'index.js'),
+    'menu.js': join('source', 'js', 'menu.js'),
+    'theme.js': join('source', 'js', 'theme.js'),
+    'prism.js': join('source', 'js', 'prism.js'),
+    'style.css': join('source', 'css', 'style.css'),
+  },
+  output: {
+    filename: '[name]',
+    path: join('static/assets'),
+    publicPath: ''
+  },
+  performance: {
+    hints: false
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env']
+          }
+        }
+      },
+      {
+        test: /\.(png|jpg|woff|woff2|ttf|eot|svg)$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192
+            }
+          }
+        ]
+      },
+      {
+        test: /\.css$/,
+        use: ExtractTextPlugin.extract({
+          fallback: 'style-loader',
+          use: [
+            {
+              loader: 'css-loader',
+              options: {
+                minimize: true,
+                modules: true,
+                importLoaders: 1,
+                localIdentName: '[local]'
+              }
+            },
+            {
+              loader: 'postcss-loader',
+              options: {
+                config: {
+                  path: 'postcss.config.js'
+                }
+              }
+            }
+          ]
+        })
+      }
+    ]
+  },
+  optimization: {
+    splitChunks: {
+      name: 'vendor',
+      minChunks: 2
+    },
+    minimizer: [
+      new UglifyJsPlugin({
+        sourceMap: false,
+      })
+    ]
+  },
+  plugins: [
+    new CleanPlugin(join('static/assets')),
+    new HtmlWebpackPlugin({
+      template: join('source', 'html', 'inject.script.ejs'),
+      filename: join('layouts', 'partials', 'inject.script.html'),
+      inject: false
+    }),
+    new HtmlWebpackPlugin({
+      template: join('source', 'html', 'inject.stylesheet.ejs'),
+      filename: join('layouts', 'partials', 'inject.stylesheet.html'),
+      inject: false,
+    }),
+    new ExtractTextPlugin('[name]'),
+    new Webpack.LoaderOptionsPlugin({
+      minimize: true,
+      debug: true
+    }),
+    new Webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('development')
+    })
+  ]
+}