webpack.base.babel.js 8.78 KB
Newer Older
1
const os = require('os');
Julien Benchetrit's avatar
Julien Benchetrit committed
2 3
const path = require('path');
const webpack = require('webpack');
dengxiaofeng's avatar
dengxiaofeng committed
4
const slash = require('slash2');
5
const CopyPlugin = require('copy-webpack-plugin');
6
const cesiumSource = './node_modules/cesium/Build/Cesium';
邓晓峰's avatar
邓晓峰 committed
7
const FastRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
8 9
// cpu核数
const threads = os.cpus().length;
邓晓峰's avatar
邓晓峰 committed
10
const nodeLibs = require('node-libs-browser');
11
console.log();
Julien Benchetrit's avatar
Julien Benchetrit committed
12 13 14 15 16
module.exports = options => ({
  mode: options.mode,
  entry: options.entry,
  output: Object.assign(
    {
tianfen's avatar
tianfen committed
17 18 19
      path: process.env.npm_config_releasepath
        ? path.resolve(process.env.npm_config_releasepath, 'civmanage')
        : path.resolve(process.cwd(), 'civmanage'),
邓晓峰's avatar
邓晓峰 committed
20
      publicPath: process.env.PUBLIC_PATH || '/civmanage/',
21
      sourcePrefix: '', // 需要编译Cesium中的多行字符串
Julien Benchetrit's avatar
Julien Benchetrit committed
22 23 24 25
    },
    options.output,
  ), // Merge with env dependent settings
  optimization: options.optimization,
26
  amd: {
27 28
    // 允许Cesium兼容 webpack的require方式
    toUrlUndefined: true,
29
  },
Julien Benchetrit's avatar
Julien Benchetrit committed
30 31 32
  module: {
    rules: [
      {
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
        oneOf: [
          {
            test: /\.[jt]sx?$/,
            exclude: /node_modules/,
            use: [
              {
                loader: 'thread-loader', // 开启多进程
                options: {
                  workers: threads, // 数量
                },
              },
              {
                loader: 'babel-loader',
                options: {
                  ...options.babelQuery,
                  cacheDirectory: true, // 开启babel编译缓存
                  cacheCompression: false, // 缓存文件不要压缩
                },
                // options: {
                //   presets: ['@babel/preset-typescript'],
                //   plugins: ['@babel/plugin-proposal-optional-chaining'],
                // },
              },
            ],
          },
dengxiaofeng's avatar
dengxiaofeng committed
58
          {
59 60 61 62 63 64
            // 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
65 66
          },
          {
67
            test: /\.less$/,
xuchaozou's avatar
xuchaozou committed
68

69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
            use: [
              {
                loader: 'style-loader',
              },
              {
                loader: 'css-loader',
                options: {
                  modules: {
                    // localIdentName: '[name]__[local]___[hash:base64:5]'
                    // modules: true,
                    getLocalIdent: (context, _, localName) => {
                      if (/@wisdom-cesium/.test(context.resourcePath)) {
                        const matchRule = slash(context.resourcePath).match(
                          /@wisdom-cesium\/(krpano)(.*).less$/,
                        );
                        if (matchRule && matchRule[2]) {
                          if (/rc-slider/.test(matchRule[0])) {
                            return localName;
                          }
                          const className = matchRule[2]
                            .split('/')
                            .map(a => a.replace(/([A-Z])/g, '-$1'))
                            .map(a => a.toLowerCase())
                            .join('-');
                          return `panda-krpano-${className}-${localName}`.replace(/--/g, '-');
                        }
                        return localName;
xuchaozou's avatar
xuchaozou committed
96 97
                      }

98 99 100 101 102 103 104
                      if (
                        context.resourcePath.includes('node_modules') ||
                        context.resourcePath.includes('ant.design.pro.less') ||
                        context.resourcePath.includes('global.less')
                      ) {
                        return localName;
                      }
张烨's avatar
张烨 committed
105

106 107 108 109 110 111 112 113 114 115
                      const match = context.resourcePath.match(/src(.*)/);
                      const matchAntd = /^ant/.test(localName);
                      if (match && match[1] && !matchAntd) {
                        const antdProPath = match[1].replace('.less', '');
                        const arr = slash(antdProPath)
                          .split('/')
                          .map(a => a.replace(/([A-Z])/g, '-$1'))
                          .map(a => a.toLowerCase());
                        return `panda-pro${arr.join('-')}-${localName}`.replace(/--/g, '-');
                      }
张烨's avatar
张烨 committed
116

117 118 119
                      return localName;
                    },
                  },
dengxiaofeng's avatar
dengxiaofeng committed
120
                },
张烨's avatar
张烨 committed
121
              },
122 123 124 125 126 127 128
              {
                loader: 'less-loader',
                options: {
                  javascriptEnabled: true,
                },
              },
            ],
dengxiaofeng's avatar
dengxiaofeng committed
129 130
          },
          {
131 132 133
            test: /\.css$/,
            include: /node_modules/,
            use: ['style-loader', 'css-loader'],
dengxiaofeng's avatar
dengxiaofeng committed
134
          },
Julien Benchetrit's avatar
Julien Benchetrit committed
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 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186
            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,
                  outputPath: 'assets/',
                  // name: '[name].[ext]'
                },
              },
              // {
              //   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,
              //     },
              //   },
              // },
            ],
Julien Benchetrit's avatar
Julien Benchetrit committed
187 188
          },
          {
189 190 191 192 193 194 195 196 197 198
            test: /\.html$/,
            use: 'html-loader',
          },
          {
            test: /\.(mp4|webm)$/,
            use: {
              loader: 'url-loader',
              options: {
                limit: 10000,
              },
Julien Benchetrit's avatar
Julien Benchetrit committed
199 200 201 202 203 204 205 206 207 208 209 210 211
            },
          },
        ],
      },
    ],
  },
  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',
    }),
212

邓晓峰's avatar
邓晓峰 committed
213
    new webpack.ProvidePlugin({
邓超's avatar
邓超 committed
214
      process: nodeLibs.process,
邓晓峰's avatar
邓晓峰 committed
215 216
    }),
    new FastRefreshPlugin({
邓超's avatar
邓超 committed
217
      overlay: false,
邓晓峰's avatar
邓晓峰 committed
218
    }),
219 220 221 222
    new CopyPlugin([
      {
        from: path.resolve(process.cwd(), './public'),
      },
223
      {
224
        from: path.join(process.cwd(), cesiumSource, 'Workers'),
225 226 227 228 229 230 231 232 233 234 235 236 237 238
        to: 'Workers',
      },
      {
        from: path.join(process.cwd(), cesiumSource, 'Assets'),
        to: 'Assets',
      },
      {
        from: path.join(process.cwd(), cesiumSource, 'Widgets'),
        to: 'Widgets',
      },
      {
        from: path.join(process.cwd(), cesiumSource, 'ThirdParty'),
        to: 'ThirdParty',
      },
239
    ]),
240

241 242 243
    new webpack.DefinePlugin({
      CESIUM_BASE_URL: JSON.stringify('/civmanage'), // 定义packName
    }),
Julien Benchetrit's avatar
Julien Benchetrit committed
244 245
  ]),
  resolve: {
dengxiaofeng's avatar
dengxiaofeng committed
246
    modules: ['node_modules', 'src'],
247
    extensions: ['.js', '.jsx', '.react.js', '.ts', '.tsx'],
Julien Benchetrit's avatar
Julien Benchetrit committed
248
    mainFields: ['browser', 'jsnext:main', 'main'],
249 250 251
    alias: {
      '@': path.resolve(process.cwd(), './src'),
      components: path.resolve(process.cwd(), './src/components'),
皮倩雯's avatar
皮倩雯 committed
252
      cesium: path.resolve(process.cwd(), cesiumSource),
邓晓峰's avatar
邓晓峰 committed
253
      react: path.resolve(process.cwd(), './node_modules/react'),
邓超's avatar
邓超 committed
254 255 256 257
      '@esri/arcgis-html-sanitizer': path.resolve(
        process.cwd(),
        './node_modules/@esri/arcgis-html-sanitizer/dist/esm/index.js',
      ),
邓晓峰's avatar
邓晓峰 committed
258 259 260 261 262 263 264 265 266 267 268 269
    },
    fallback: {
      ...Object.keys(nodeLibs).reduce((memo, key) => {
        if (nodeLibs[key]) {
          memo[key] = nodeLibs[key];
        } else {
          memo[key] = false;
        }
        return memo;
      }, {}),
      http: false,
      https: false,
270
    },
Julien Benchetrit's avatar
Julien Benchetrit committed
271 272 273 274 275
  },
  devtool: options.devtool,
  target: 'web', // Make web variables accessible to webpack, e.g. window
  performance: options.performance || {},
});