reactjs - 如何确保 node_modules 不包含在捆绑包中
问题描述
我正在使用 webpack-bundle-analyzer 来识别可能需要优化的包。我的 webpack 配置不包括node_modules
webpack.config
config.module = {
rules: [
{
test: /\.(js|jsx)$/,
exclude: [
/node_modules/,
/firebase-functions/,
/tests/
],
use: {
loader: 'babel-loader'
}
},
...
}]
}
当我查看我的捆绑包的表示时,我仍然可以看到node_modules
,这是否意味着node_modules
包含在我的捆绑包中?
我首先运行yarn run build:stats
生成compilation-stats.json
然后yarn run analyse
包.json
"scripts": {
"build:prod": "cross-env NODE_ENV=production webpack -p --env production",
"dev-server": "cross-env NODE_ENV=development ANALYSE_BUNDLE=no webpack-dev-server --host 127.0.0.1 --port 8080",
"dev-server-analyse": "cross-env NODE_ENV=development ANALYSE_BUNDLE=yes webpack-dev-server --host 127.0.0.1 --port 8080",
"build:stats": "cross-env NODE_ENV=production webpack --profile --json --env=production > compilation-stats.json",
"analyse": "webpack-bundle-analyzer compilation-stats.json dist",
我也试图指示不包括
node_modules
webpack.config
new BundleAnalyzerPlugin({
excludeAssets: ['node_modules'],
statsOptions: {
exclude: /node_modules/
}
})
webpack-bundle-analyzer 的结果
那么,是node_modules
包含在我的包中还是我只是做错了什么?
亲切的问候/K
解决方案
推荐阅读
- c# - Xamarin Forms - LoadFromXaml 和引用包含页面
- flutter - 在许多页面上重复的干净代码颤动
- r - 如何在ggplot2中将颜色图例从连续颜色更改为离散颜色?
- firebase - 带有“PERMISSION_DENIED:调用者没有权限”的firestore备份功能错误
- python - 数据框根据条件替换为另一行
- c++ - uintptr_t 上的指针运算
- javascript - 如果用户已经登录,将用户重定向到受保护的路由会导致登录页面在重定向之前重新呈现并显示一段时间
- codeigniter - CodeIgniter URL 加密
- c++ - Boost::Hana 元组,修改值的最佳方法
- python - Pandas 根据多个条件替换行