webpack.base.babel.js 4.97 KB
Newer Older
Julien Benchetrit's avatar
Julien Benchetrit committed
1 2
const path = require('path');
const webpack = require('webpack');
dengxiaofeng's avatar
dengxiaofeng committed
3
const slash = require('slash2');
4 5
const CopyPlugin = require('copy-webpack-plugin');

Julien Benchetrit's avatar
Julien Benchetrit committed
6 7 8 9 10 11
module.exports = options => ({
  mode: options.mode,
  entry: options.entry,
  output: Object.assign(
    {
      path: path.resolve(process.cwd(), 'build'),
12
      publicPath: process.env.PUBLIC_PATH || '/reactOMS',
Julien Benchetrit's avatar
Julien Benchetrit committed
13 14 15 16 17 18 19
    },
    options.output,
  ), // Merge with env dependent settings
  optimization: options.optimization,
  module: {
    rules: [
      {
张烨's avatar
张烨 committed
20
        test: /\.jsx?$/,
Julien Benchetrit's avatar
Julien Benchetrit committed
21 22 23 24 25 26
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: options.babelQuery,
        },
      },
dengxiaofeng's avatar
dengxiaofeng committed
27

Julien Benchetrit's avatar
Julien Benchetrit committed
28 29 30 31 32 33 34 35 36
      {
        // Preprocess our own .css files
        // This is the place to add your own loaders (e.g. sass/less etc.)
        // for a list of loaders, see https://webpack.js.org/loaders/#styling
        test: /\.css$/,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader'],
      },
      {
dengxiaofeng's avatar
dengxiaofeng committed
37 38 39 40 41 42 43 44
        test: /\.less$/,

        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
dengxiaofeng's avatar
dengxiaofeng committed
45 46 47 48 49 50 51 52 53 54 55 56
            options: {
              modules: {
                // localIdentName: '[name]__[local]___[hash:base64:5]'
                // modules: true,
                getLocalIdent: (context, _, localName) => {
                  if (
                    context.resourcePath.includes('node_modules') ||
                    context.resourcePath.includes('ant.design.pro.less') ||
                    context.resourcePath.includes('global.less')
                  ) {
                    return localName;
                  }
张烨's avatar
张烨 committed
57

dengxiaofeng's avatar
dengxiaofeng committed
58
                  const match = context.resourcePath.match(/src(.*)/);
59 60
                  const matchAntd = /^ant/.test(localName);
                  if (match && match[1] && !matchAntd) {
dengxiaofeng's avatar
dengxiaofeng committed
61 62 63 64 65
                    const antdProPath = match[1].replace('.less', '');
                    const arr = slash(antdProPath)
                      .split('/')
                      .map(a => a.replace(/([A-Z])/g, '-$1'))
                      .map(a => a.toLowerCase());
张烨's avatar
张烨 committed
66 67 68 69
                    return `panda-pro${arr.join('-')}-${localName}`.replace(
                      /--/g,
                      '-',
                    );
dengxiaofeng's avatar
dengxiaofeng committed
70
                  }
张烨's avatar
张烨 committed
71

dengxiaofeng's avatar
dengxiaofeng committed
72 73
                  return localName;
                },
张烨's avatar
张烨 committed
74
              },
dengxiaofeng's avatar
dengxiaofeng committed
75
            },
dengxiaofeng's avatar
dengxiaofeng committed
76 77 78 79 80 81 82 83 84 85
          },
          {
            loader: 'less-loader',
            options: {
              javascriptEnabled: true,
            },
          },
        ],
      },
      {
Julien Benchetrit's avatar
Julien Benchetrit committed
86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162
        test: /\.css$/,
        include: /node_modules/,
        use: ['style-loader', 'css-loader'],
      },
      {
        test: /\.(eot|otf|ttf|woff|woff2)$/,
        use: 'file-loader',
      },
      {
        test: /\.svg$/,
        use: [
          {
            loader: 'svg-url-loader',
            options: {
              // Inline files smaller than 10 kB
              limit: 10 * 1024,
              noquotes: true,
            },
          },
        ],
      },
      {
        test: /\.(jpg|png|gif)$/,
        use: [
          {
            loader: 'url-loader',
            options: {
              // Inline files smaller than 10 kB
              limit: 10 * 1024,
            },
          },
          {
            loader: 'image-webpack-loader',
            options: {
              mozjpeg: {
                enabled: false,
                // NOTE: mozjpeg is disabled as it causes errors in some Linux environments
                // Try enabling it in your environment by switching the config to:
                // enabled: true,
                // progressive: true,
              },
              gifsicle: {
                interlaced: false,
              },
              optipng: {
                optimizationLevel: 7,
              },
              pngquant: {
                quality: '65-90',
                speed: 4,
              },
            },
          },
        ],
      },
      {
        test: /\.html$/,
        use: 'html-loader',
      },
      {
        test: /\.(mp4|webm)$/,
        use: {
          loader: 'url-loader',
          options: {
            limit: 10000,
          },
        },
      },
    ],
  },
  plugins: options.plugins.concat([
    // Always expose NODE_ENV to webpack, in order to use `process.env.NODE_ENV`
    // inside your code for any environment checks; Terser will automatically
    // drop any unreachable code.
    new webpack.EnvironmentPlugin({
      NODE_ENV: 'development',
    }),
163 164 165 166 167 168

    new CopyPlugin([
      {
        from: path.resolve(process.cwd(), './public'),
      },
    ]),
Julien Benchetrit's avatar
Julien Benchetrit committed
169 170
  ]),
  resolve: {
dengxiaofeng's avatar
dengxiaofeng committed
171
    modules: ['node_modules', 'src'],
Julien Benchetrit's avatar
Julien Benchetrit committed
172 173
    extensions: ['.js', '.jsx', '.react.js'],
    mainFields: ['browser', 'jsnext:main', 'main'],
174 175 176 177
    alias: {
      '@': path.resolve(process.cwd(), './src'),
      components: path.resolve(process.cwd(), './src/components'),
    },
Julien Benchetrit's avatar
Julien Benchetrit committed
178 179 180 181 182
  },
  devtool: options.devtool,
  target: 'web', // Make web variables accessible to webpack, e.g. window
  performance: options.performance || {},
});