Webpack4 + TypeScript 如何优化编译速度?
資深大佬 : rabbbit 8
速度有点慢, 有什么办法优化编译速度吗?
当前配置:
webpack.config.js
const path = require('path'); const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const SpeedMeasurePlugin = require('speed-measure-webpack-plugin'); const smp = new SpeedMeasurePlugin(); const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); module.exports = smp.wrap({ 'entry': ['./src/index.ts'], 'output': { filename: 'main.js', path: path.resolve(__dirname, 'dist'), }, 'mode': 'development', 'devtool': 'eval-source-map', 'devServer': { port: '8000', host: '0.0.0.0', public: 'localhost:8000', open: false, quiet: true, }, 'plugins': [ new ForkTsCheckerWebpackPlugin(), new webpack.ProgressPlugin(), new HtmlWebpackPlugin({ template: './src/index.html', inject: true, open: false, }), ], 'module': { rules: [ { test: /.(js|jsx|tsx|ts)$/, exclude: /node_modules/, loader: 'babel-loader', }, { test: /.(png|svg|jpg|gif)$/, use: ['file-loader'], }, ], }, 'resolve': { extensions: ['.tsx', '.ts', '.js'], }, });
.babelrc
{ "presets": [ "@babel/preset-env", "@babel/preset-TypeScript" ], "plugins": [ "@babel/proposal-class-properties", "@babel/proposal-object-rest-spread" ] }
tsconfig.json
{ "compilerOptions": { "baseUrl": "./", "outDir": "./dist/", "target": "ES2020", "moduleResolution": "node", // threejs need "module": "CommonJS", "esModuleInterop": true, "noImplicitAny": true, "sourceMap": true, "isolatedModules": true, "strictBindCallApply": true, }, "exclude": [ "node_modules" ], "include": [ "src/**/*.ts", "types/**/*.d.ts" ] } ``
大佬有話說 (3)