ng build --prod --env=prod不会缩小输出js文件

ng build --prod --env=prod是Angular框架中用于构建生产环境的命令。它的作用是将Angular应用程序编译为可在生产环境中部署的静态文件。

具体解释如下：

ng build：这是Angular CLI（命令行界面）提供的一个命令，用于构建Angular应用程序。
--prod：这是一个构建标志，表示构建的是生产环境版本的应用程序。在生产环境中，代码会经过优化和压缩，以提高性能并减小文件大小。
--env=prod：这是一个环境变量标志，用于指定构建时使用的环境配置。在这种情况下，它指定使用名为"prod"的环境配置。

关于不会缩小输出js文件的问题，可能有以下几个原因：

配置问题：请确保在项目的环境配置文件（例如environment.prod.ts）中，已经正确配置了相关的构建选项。例如，是否启用了代码压缩和优化等选项。
依赖问题：请确保项目的依赖项（例如webpack）已经正确安装，并且版本兼容。有时候，更新依赖项的版本可能会解决一些构建问题。
代码问题：请检查项目中的代码，确保没有使用一些会阻止代码压缩的特殊语法或注释。有时候，一些特殊的代码结构可能会导致构建工具无法正确地进行代码压缩。

如果以上解决方法都无效，建议查阅Angular官方文档或咨询相关开发社区，以获取更详细的帮助和支持。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
腾讯云区块链（BCOS）：https://cloud.tencent.com/product/bcos
腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/tencentxr

相关·内容

使用Angular CLI进行Build (构建) 和 Serve

Build主要会做以下动作: 编译项目文件并输出到某个目录 Build targets决定了输出的结果 bundling 打包生产环境的build还会进行uglify和tree-shaking(把没用的代码去掉...默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...-e Build环境 --target -t Build target --dev 表示dev env和target --prod 表示prod env和target Production Build...在内存中serve 生产模式build的文件试试 --prod: ng serve --prod ?

2.3K7 0

angular-cli.json配置参数解释，以及依稀常用命令的通用关键参数解释

命令把webpack配置释放出来 }, "apps": [ { "root": "src", // 源码根目录 "outDir": "dist", // 编译后的输出目录.../karma.conf.js" } }, "defaults": { // 执行`ng generate`命令时的一些默认值 "styleExt": "scss", // 默认生成的样式文件后缀名...--base-href 指定站点的起始路径，如果你希望你的站点根路径为www.abc.com/mypath/，需要这样设置：ng build --base-href /mypath/ 6....下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价： ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件： "environments

1.6K3 0

Angular CLI 简介

默认情况下, 它的输出目录在.angular-cli.json文件里ourDir属性配置的, 默认是/dist目录. build之后会看见dist里面有这些文件: inline.bundle.js 这是...ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...=dev 下面则是生产build: ng build --prod ng build --prod -e=prod ng build --target=production --environment=...-e Build环境 --target -t Build target --dev 表示dev env和target --prod 表示prod env和target Production Build...在内存中serve 生产模式build的文件试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod build的. ng eject.

6K11 0

docker学习系列19 容器化Angular项目

1.6K6 0

Angular CLI 使用教程指南参考

参数描述 --dry-run -d 只输出要创建的文件和执行的操作，实际上并没有创建项目 --verbose -v 输出详细信息 --skip-npm 在项目第一次创建时不执行任何npm命令 --...init [options] 在当前所在目录下初始化一个新的 Angular 项目参数描述 --dry-run -d 只输出要创建的文件和执行的操作，实际上并没有创建项目...ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...# 这是开发构建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build

3K5 0

vue-cli#2.0 webpack 配置分析

│ ├── dev.env.js │ ├── index.js │ └── prod.env.js ├── index.html ├── package.json ├── src │ ├── App.vue.../prod.env.js 中定义的编译环境　　　　env: require('..../prod.env'), 　　　　index: path.resolve(__dirname, '.....'#source-map' : false, output: { 　　　　　　　　// 编译输出项目　　　　　　path: config.build.assetsRoot, 　　　　　　　　// 编译输出文件名...[chunkhash].js'), 　　　　　　　　// 没有指定输出名的文件输出的文件名　　　　　　chunkFilename: utils.assetsPath('js/[id].

1.5K5 0

Vue多环境配置问题2020

webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "dev--prod": "cross-env...env_config=prod webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build...": "node build/build.js", "build--test": "cross-env env_config=test node build/build.js", "build...--prod": "cross-env env_config=prod node build/build.js" }, 1、打测试包和生产包 config文件夹中新建test.env.js 'use strict...文件夹下 webpack.dev.conf.js中 new webpack.DefinePlugin({ 'process.env': process.env.env_config == '

9512 0

Angular CLI 升级 6.0 之后遇到的问题

Angular CLI 1.7.4 在使用 ng build --prod 会构建失败，而 ng build 是正常的。...比较好的解决办法是使用 ng build --prod --extract-license=false 或者 ng build --prod --no-extract-license。...最近将 Angular CLI 升级到 6.X 之后，直接 ng build 会报以下错误，ng serve 也是如此。...但是使用 ng build --prod 是正常的。同样地，使用 ng build --extract-license=false 也可以解决问题。...这款插件用于输出第三方插件的许可协议。老外比较重视版权吧。但是不知道为什么总是在这个地方出问题。

1.4K2 0

Vue 2.0 添加多环境打包配置二(vue init webpack创建的项目,有build,co

并修改dev.env.js, prod.env.js,修改后内容如下(必须VUE_APP_开头) test.env.js 'use strict' module.exports = { NODE_ENV...", "build-uat": "cross-env NODE_ENV=production env_config=uat node build/build.js", "build-prod...": "cross-env NODE_ENV=production env_config=prod node build/build.js" }, 4.修改 config/index.js 文件中.../prod.env'), } 5.对 build/webpackage.prod.conf.js 文件进行修改，调整 env 常量的生成方式。.../config/prod.env') const env = config.build[process.env.env_config+'Env'] 6.修改 build/build.js 文件，删除 process.env.NODE_ENV

1641 0

Angular 工具篇之分析包的大小

webpack-bundle-analyzer Webpack Bundle Analyzer 这个工具为我们提供了交互性的 treemap 来可视化显示 webpack 打包输出文件的大小。...build --prod --stats-json 当项目构建完成后，在根目录下的 dist 文件夹下会生成一个 stats.json 文件，然后我们可以通过以下的命令来查看 webpack 打包文件大小信息...在 angular6-example-app 项目中，也为我们提供了相应的 npm script，具体如下： "bundle-report": "ng build --prod --stats-json...prod --source-map 构建完成后，在根目录下的 dist 文件夹下会生成 main bundle 文件，这时我们可以在命令行执行下列命令来查看结果： $ node_modules/.bin...为了方便操作，我们也可以定义一个 npm script 任务来处理上述的工作： "map-explorer": "ng build --prod --source-map && source-map-explorer

2.3K4 0

vuecli4打包优化

= ['production'].includes(process.env.NODE_ENV) // 生产环境 vue打包优化 1....report.html分析页面 npm run build 2....去掉console 2.1 下载安装插件 cnpm install uglifyjs-webpack-plugin --save-dev 2.2 在vue.config.js中配置： const IS_PROD...(js|json|css)$ { gzip on; gzip_static on; # gzip_static是nginx对于静态文件的处理模块，该模块可以读取预先压缩的...IS_PROD, // 生产环境是否生成 sourceMap 文件 // css相关配置 css: { extract: !

1.1K7 0

vue-cli脚手架npm相关文件解读（6）build.js

系列文章传送门： 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build.../utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js...~） /* * npm run build 构建执行文件，主要用于生产环境 * 建议先查阅webapck.prod.conf.js */ // npm和node版本检查 require('....NODE_ENV='production' process.env.NODE_ENV = 'production' var ora = require('ora') // ora是一个命令行转圈圈动画插件.../webpack.prod.conf') // 生产环境的Webpack配置文件 var spinner = ora('building for production...') // 开启转圈圈动画

7898 0

.env文件中如何添加注释

[mode]文件来设置一些打包编译的启动参数，通过执行脚本的时候加mode参数，指定不同环境需要加载的配置文件形如： .env.prod NODE_ENV='production' VUE_APP_PATH...='./' VUE_APP_RUNTIME='prod' 问题怎么在 .env.prod 文件中添加注释呢？...分析这要看vue是怎么解析 .env.prod 文件的通过启动脚本参数 --mode prod，一路找到了处理 .env.prod 文件的逻辑，让我们一块看下 path：node_modules\@...='./' VUE_APP_RUNTIME='prod' package.json 文件脚本命令配置--mode参数 "scripts": { "build": "vue-cli-service...build --mode prod", }, 执行 npm run build 命令，输出如下： NODE_ENV=== production VUE_APP_PATH=== ./ 本文到此为止，

2.2K4 0

vue-cli 解决白屏、兼容、压缩及清除console

问题打包白屏 IE白屏打包后清除控制台所有console信息 js\css压缩问题解决问题1. 打包白屏描述 npm run build打包后，生成 dist文件夹。...plugins = []; if (['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push("transform-remove-console...问题4. js\css压缩问题描述在打包成功后，为了缩小包体积，提高页面响应速度，一般会对包进行压缩，此处主要针对js\css来处理。...(__dirname, dir); // const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV); // const...// 打包时删除console const plugins = []; if (['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push

4.6K4 0

玩转 Angular 环境变量

// This file can be replaced during build by using the `fileReplacements` array. // `ng build ---prod...通过上面的注释，我们知道在执行 ng build ---prod 命令，进行项目构建的时候，会执行文件替换操作。...build --prod 那么有的同学，可能想到对于构建测试环境的包，是不是只要运行： $ ng build --test 想象中很完美，但实际上并不是这样，ng build 命令并不支持 --test...参数，感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数： usage: ng build [options] options:...不过与 ng build 命令一样，我们也需要配置一下 angular.json 文件： "serve": { "builder": "@angular-devkit/build-angular:

3.2K2 0

webpack正式、测试环境接口地址本地运行及打包命令配置

其中：数组的第一个元素 process.argv[0] 返回启动 Node.js 进程的可执行文件所在的绝对路径。.../webpack.dev.conf.js", "prod": "webpack-dev-server --inline --progress --env=prod --config build/...=prod', '--config' ] 配置方法：首先修改 webpack 的配置文件， /config/dev.env.js 'use strict' const merge = require...# 测试环境 npm run dev # 正式环境 npm run prod 打包命令配置：和上面一样，修改 /config/prod.evn.js 文件： 'use strict' let params...，就可以将第三个参数 prod 带过去： # 测试环境打包 npm run build # 正式环境打包 npm run build prod 前端直接调用项目运行后，前端就可以直接用 process.env.HOME_URL

2.3K0 0

使用roolup构建你的lib

src/index.js是-i的参数，即打包入口文件。 -o指定输出的文件，是--output.file或--file的缩写。...(如果没有这个参数，则直接输出到控制台) dist/bundle.js是-o的参数，即输出文件。 -f指定打包文件的格式，-f是--format的缩写。...配置文件在根目录下创建config/rollup.dev.config.js和config/rollup.prod.config.js export default { input: "....babel/preset-env --D // 2.修改文件`config/rollup.prod.config.js` import babel from 'rollup-plugin-babel'...修改启动文件`package.json` "build:dev": "rollup -wc build/rollup.config.js --environment NODE_ENV:development

5651 0

Angular2 ：从 beta 到 release4.0 版本升级总结

解决办法：使用encodeURIComponent覆盖standardEncoding编码 /** * 覆盖原有的standardEncoding方法，见http.js文件 */ class MyQueryEncoder...运行npm run build --prod命令失败原因：basically the problem is in AOT and Angular analyzer....解决办法：1) -prod => --prod --aot=false 2) -prod => --env=prod（可查看ng build -prod Module not found: Error:...在webstorm里，更改文件不能在浏览器中更新输出。原因：webstorm里面默认启用”safe write”，将保存先存到临时文件。...：有些文件里面带有/// ，若路径不对文件找不到则无法启动。

8.1K0 0

Webpack配置实战

/src/index.js', },})5. 输出（output)output 属性告诉 webpack 在哪里输出它所创建的 bundle，以及如何命名这些文件。...webpack.prod.js：module.exports = merge(common, { // 输出 output: { // bundle 文件名称【只有这里和开发环境不一样】...=development webpack serve --open --config config/webpack.dev.js", "build": "cross-env NODE_ENV...build：生产打包。...在实际开发过程中，推荐将字体文件压缩上传至 CDN，提高加载速度。如配置字体的文字是固定的，还可以针对固定的文字生成字体文件，可以大幅缩小字体文件体积。3.

1.2K4 0

Webpack高级配置实战

/src/index.js', },})参考 webpack面试题详细解答5. 输出（output)output 属性告诉 webpack 在哪里输出它所创建的 bundle，以及如何命名这些文件。...webpack.prod.js：module.exports = merge(common, { // 输出 output: { // bundle 文件名称【只有这里和开发环境不一样】...=development webpack serve --open --config config/webpack.dev.js", "build": "cross-env NODE_ENV...build：生产打包。...在实际开发过程中，推荐将字体文件压缩上传至 CDN，提高加载速度。如配置字体的文字是固定的，还可以针对固定的文字生成字体文件，可以大幅缩小字体文件体积。3.

1.2K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云