// config-overrides.js cosnt { override, fixBabelImports, addWebpackPlugin, addLessLoader, addWebpackAlias, addWebpackExternals } = require('customize-cra'); const path = require('path'); const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer'); const ProgressBarPlugin = require('progress-bar-webpack-plugin'); module.exports = override( fixBabelImports( "import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" } ), addLessLoader({ // 这里可以添加less的其他设置 lessOptions: { // 按照本身需要设置即可~ } }), // alias addWebpackAlias({ // 加载模块的时候，可以利用“@”标记来举办简写啦~ '@': path.resolve(__dirname, './src/') }), // externals addWebpackExternals({ // 留意对应的在public/index.html引入jquery的长途文件地点 "jQuery": "jQuery" }), // 留意是production情况启动该plugin process.env.NODE_ENV === 'production' && addWebpackPlugin( new UglifyJsPlugin({ // 开启打包缓存 cache: true, // 开启多线程打包 parallel: true, uglifyOptions: { // 删除告诫 warnings: false, // 压缩 compress: { // 移除console drop_console: true, // 移除debugger drop_debugger: true } } }) ), // 判定情况变量ANALYZER参数的值 process.env.ANALYZER && addWebpackPlugin(new BundleAnalyzerPlugin()), addWebpackPlugin(new ProgressBarPlugin()) )
到此这篇关于如何不利用eject修改create-react-app的设置的文章就先容到这了,更多相关修改create-react-app的设置内容请搜索剧本之家以前的文章或继承欣赏下面的相关文章但愿各人今后多多支持剧本之家！
您大概感乐趣的文章: