I would like to know how can I use .env.production mode with ionic serve or ionic build
Old post, but for anyone interested, just do
ionic build -- --mode test
It works with snyc too
ionic cap sync -- --mode test
Related
How to update my apk every time I make changes on my template or code changes.
You can use the livereload feature of ionic cordova emulate or ionic cordova run to run the code on an emulator or device and see the changes live as as you code.
Here's how with the emulator:
ionic cordova emulate android --list to get a list of available emulator targets to copy into the next command.
ionic cordova emulate --livereload android -- --target="[TARGET]"
See the CLI docs for more info.
You can do livereload from a ionic cordova run <platform>, if it's an apk i assume that is for android so you can do this:
ionic cordova run android --livereload
For more options like specific port you can take a look on the docs
I want to use Ionic deploy service in Ionic cloud.
When I run ionic upload command, a dev build is immediately triggered instead of prod build.
Is it possible to create a --prod build and upload?
One of major reasons is that multiple configurations in my code are bundled with --prod build only.
ionic upload --deploy=dev
[INFO] Running app-scripts build:
[09:55:59] build dev started ...
[09:55:59] clean started ...
[09:55:59] clean finished in 1 ms
You could pipe the npm scripts to run the ionic --prod first and then ionic upload
"scripts":{
"custom-upload":"ionic cordova build --prod | ionic upload"
}
and then run in the terminal
$: npm custom-upload
This will still run the dev build i think but your prod build should be packaged as well. It does not look like you can specify a build type in the ionic upload command, which makes me think that the ionic upload does not upload the production build to ionic view. And if that is that case then you might want to consider changing the configurations setup in a prod build to be set to only be used if not on localhost instead on based on the build.
i was trying to use live reload on my ionic 2 application. so i found this command
ionic run browser --live-reload
is not working as expected and while making code changes i am receiving console messages
[16:12:47] build started ...
[16:12:47] transpile update started ...
[16:12:47] transpile update finished in 46 ms
[16:12:47] deeplinks update started ...
[16:12:47] deeplinks update finished in 248 ms
[16:12:47] webpack update started ...
but the page isn't reloading
i found the solution on the github page
include a script in the package.json file
"browser": "ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"
and run
npm run browser
When you run the command ionic cordova run browser --livereload you will see something like this in CLI:
[19:39:00] dev server running: http://localhost:8100/
[INFO] Development server running
Local: http://localhost:8100
External: http://192.168.0.51:8100
Just open http://192.168.0.51:8100 or http://localhost:8100 and your live reload will work on that address. Your browser might have opened in http://localhost:8000 instead of 8100
First off, should anyone need this answer, the command has been renamed in the later version to
ionic cordova run browser
Second, The --livereload flag is not supported when you run this command. this issue explains more
Try This
ionic cordova run browser --livereload --consolelogs --serverlogs
"serve": "npx ionic serve --cordova --platform browser"
Using this command browser will be reloaded automatically.
ionic serve
If you want to run application with different platform in browser you can use this command :
ionic serve -l
This both command will reload page automatically on code change
I'm starting to learn Ionic2, I have created a new project with ionic start myproject --v2 and everything works correctly if I do ionic serve.
The build folder is missing in ionic 2 project folder.
Whenever I am trying to download any existing Ionic2 template in that one also build folder missing.
ionic -v 2.0.0-beta.30
cordova -v 6.2.0
node -v v6.2.1
npm -v 3.9.5
your ionic serve build is under www. The native builds ( from ionic build) are under platform.
A little late but I had the same issue and was able to fix it by installing Gulp :
npm install -g gulp
Then I did gulp build.
This solved my issues and generated the build folder as it was supposed to.
First you need to add support for the platform/s you are working with, by executing from Ionic CLI console:
ionic platform add android
or
ionic platform add ios
And then you should build your project by executing:
ionic build android
or
ionic build ios
I am getting ready to release my first app build in ionic. I am interested in how I can minify and uglify my code? Are there any plugins for that?
Thanks
uksz
Running ionic build --prod did the trick for me. I am using ionic to deploy my app as a website.
Using ionic cordova build <platform> --prod --release will create you a release version of the app with the code uglyfied and minified.
Also running a simple ionic cordova build <platform> will also do the job. The minified and uglyfied js is located on the www folder as main.js
Take in count that what minifies and uglyfies the source code is ionic-app-scripts.
There is an automated task runner for JavaScript called Gulp ( gulp.js ). It has packages like:
gulp-minify-css and gulp-uglify
Hope it helps.