| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- const path = require('path');
- const CleanWebpackPlugin = require("clean-webpack-plugin");
- const MiniCssExtractPlugin = require("mini-css-extract-plugin");
- const autoprefixer = require('autoprefixer');
- const outputDirectory = "build";
- module.exports = {
- entry: './src/index.js',
- output: {
- library: 'Branding',
- path: path.resolve(__dirname, outputDirectory),
- filename: 'index.js',
- },
- devtool: 'source-map',
- module: {
- rules: [
- {
- test: /\.jsx?$/,
- exclude: /node_modules/,
- use: [
- {
- loader: 'babel-loader',
- options: {
- presets: ['react']
- }
- }
- ]
- },
- {
- test: /\.(sa|sc|c)ss$/,
- use: [
- MiniCssExtractPlugin.loader,
- {
- loader: "css-loader",
- options: {
- modules: true,
- sourceMap: true,
- importLoader: 2
- }
- },
- "sass-loader"
- ]
- },
- {
- test: /\.(cur|ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
- use: {
- loader: 'file-loader',
- query: {
- name: '[name].[hash:8].[ext]',
- outputPath: './assets/media/',
- publicPath: '/'
- }
- }
- },
- {
- test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
- use: {
- loader: 'url-loader',
- query: {
- limit: 10000,
- name: '[name].[hash:8].[ext]',
- outputPath: './assets/media/',
- publicPath: '/'
- }
- }
- }
- ]
- },
- plugins: [
- new CleanWebpackPlugin([outputDirectory]),
- new MiniCssExtractPlugin({
- filename: "style.css",
- chunkFilename: "[name].css"
- })
- ]
- };
|